fix: schematocode ref perf warnings

kestra-io · Jan 20, 2025 · e8194ff · e8194ff · github-actions · Jan 20, 2025
1 parent c823dc5
commit e8194ff
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/plugins/SchemaToCode.vue b/src/components/plugins/SchemaToCode.vue
@@ -15,19 +15,19 @@
                 <div id="arrow" data-popper-arrow />
             </div>
         </template>
-        <div style="{font-size: .875rem}" v-html="codeData" />
+        <div style="font-size: .875rem" v-html="codeData" />
     </div>
 </template>
 
 <script setup lang="ts">
-    import {nextTick, ref} from "vue";
+    import {nextTick, ref, shallowRef} from "vue";
     import {createPopper} from "@popperjs/core";
     import ContentCopy from "vue-material-design-icons/ContentCopy.vue";
     import Check from "vue-material-design-icons/Check.vue";
 
     const icons = {
-        ContentCopy,
-        Check
+        ContentCopy: shallowRef(ContentCopy),
+        Check: shallowRef(Check)
     } as const
 
     const props = withDefaults(