perf: reduce the number of icon component instances

packages/@core/shared/iconify/src/create-icon.ts

@@ -0,0 +1,9 @@
+import { h } from 'vue';
+
+import { Icon } from '@iconify/vue';
+
+function createIcon(icon: string) {
+  return h(Icon, { icon });
+}
+
+export { createIcon };

packages/@core/shared/iconify/src/factory.ts

@@ -1,14 +0,0 @@
-import { defineComponent, h } from 'vue';
-
-import { Icon } from '@iconify/vue';
-
-function createIcon(name: string) {
-  return defineComponent({
-    name: `SvgIcon-${name}`,
-    setup(props, { attrs }) {
-      return () => h(Icon, { icon: name, ...props, ...attrs });
-    },
-  });
-}
-
-export { createIcon };

packages/@core/shared/iconify/src/index.ts

@@ -1,4 +1,4 @@
-export * from './factory';
+export * from './create-icon';
 export * from './material';
 export * from './mdi';
 

packages/@core/shared/iconify/src/material.ts

@@ -1,4 +1,4 @@
-import { createIcon } from './factory';
+import { createIcon } from './create-icon';
 
 export const IconDefault = createIcon('ic:round-auto-awesome');
 

packages/@core/shared/iconify/src/mdi.ts

@@ -1,4 +1,4 @@
-import { createIcon } from './factory';
+import { createIcon } from './create-icon';
 
 export const MdiKeyboardEsc = createIcon('mdi:keyboard-esc');