fix: simplified clent bundle deps injection

Author: antfu

src/bundle-client.ts

@@ -44,9 +44,8 @@ export function registerClientBundle(
       const collectionsRaw = `JSON.parse(${JSON.stringify(valuesCompat)})`
 
       return [
-        'import { addIcon } from "@iconify/vue"',
         'let _initialized = false',
-        'export function init() {',
+        'export function init(addIcon) {',
         '  if (_initialized)',
         '    return',
         `  const collections = ${collectionsRaw}`,

src/runtime/components/shared.ts

@@ -1,5 +1,5 @@
 import { computed } from 'vue'
-import { getIcon as _getIcon, loadIcon as _loadIcon } from '@iconify/vue'
+import { getIcon as _getIcon, addIcon as _addIcon, loadIcon as _loadIcon } from '@iconify/vue'
 import { consola } from 'consola'
 import type { IconifyIcon } from '@iconify/types'
 import type { NuxtIconRuntimeOptions } from '../../types'
@@ -11,7 +11,7 @@ export { initClientBundle }
 export async function loadIcon(name: string, timeout: number): Promise<Required<IconifyIcon> | null> {
   if (!name)
     return null
-  initClientBundle()
+  initClientBundle(_addIcon)
   const _icon = _getIcon(name)
   if (_icon)
     return _icon

src/runtime/components/svg.ts

@@ -41,7 +41,7 @@ export const NuxtIconSvg = /* @__PURE__ */ defineComponent({
           addIcon(name.value, payload)
         }
         else {
-          initClientBundle()
+          initClientBundle(addIcon)
         }
       }
     }

src/shim.d.ts

@@ -5,5 +5,7 @@ declare module '#nuxt-icon-server-bundle' {
 }
 
 declare module '#build/nuxt-icon-client-bundle' {
-  export function init(): void
+  import type { IconifyIcon } from '@iconify/types'
+
+  export function init(addIcon: ((name: string, data: IconifyIcon) => void)): void
 }