feat(vue3): allow passing components as props without reactivity over…

…head (#366)
unplugin · Jul 17, 2024 · 02b805d · 02b805d
1 parent 561d08c
commit 02b805d
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/core/compilers/vue3.ts b/src/core/compilers/vue3.ts
@@ -13,8 +13,11 @@ export const Vue3Compiler = (async (svg: string, collection: string, icon: strin
     filename: `${collection}-${icon}.vue`,
   })
 
+  code = `import { markRaw } from 'vue'\n${code}`
   code = code.replace(/^export /gm, '')
-  code += `\n\nexport default { name: '${collection}-${icon}', render${injectScripts ? `, data() {${injectScripts};return { idMap }}` : ''} }`
+  code += `\n\nexport default markRaw({ name: '${collection}-${icon}', render${
+    injectScripts ? `, data() {${injectScripts};return { idMap }}` : ''
+  } })`
   code += '\n/* vite-plugin-components disabled */'
 
   return code