fix: init client bundle for svg icons, close #228

nuxt · Aug 1, 2024 · f433863 · f433863
1 parent 77391db
commit f433863
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/runtime/components/shared.ts b/src/runtime/components/shared.ts
@@ -3,12 +3,14 @@ import { loadIcons, getIcon as _getIcon } from '@iconify/vue'
 import type { IconifyIcon } from '@iconify/types'
 import type { NuxtIconRuntimeOptions } from '../../types'
 import { useAppConfig } from '#imports'
-import { init } from '#build/nuxt-icon-client-bundle'
+import { init as initClientBundle } from '#build/nuxt-icon-client-bundle'
+
+export { initClientBundle }
 
 export async function loadIcon(name: string): Promise<Required<IconifyIcon> | null> {
   if (!name)
     return null
-  init()
+  initClientBundle()
   await new Promise(resolve => loadIcons([name], () => resolve(true)))
     .catch(() => null)
   return _getIcon(name)

diff --git a/src/runtime/components/svg.ts b/src/runtime/components/svg.ts
@@ -2,7 +2,7 @@ import { Icon as Iconify, addIcon } from '@iconify/vue'
 import { h } from 'vue'
 import type { PropType } from 'vue'
 import type { NuxtIconRuntimeOptions, IconifyIconCustomizeCallback } from '../../types'
-import { loadIcon, useResolvedName } from './shared'
+import { initClientBundle, loadIcon, useResolvedName } from './shared'
 import { useAsyncData, useNuxtApp, defineComponent, useAppConfig } from '#imports'
 
 export const NuxtIconSvg = /* @__PURE__ */ defineComponent({
@@ -40,6 +40,9 @@ export const NuxtIconSvg = /* @__PURE__ */ defineComponent({
         if (payload) {
           addIcon(name.value, payload)
         }
+        else {
+          initClientBundle()
+        }
       }
     }