fix: make the build output of the component regain its type (#389)

KazariEX · web-flow · commit 3a0440674b12 · 2025-05-16T12:06:24.000+08:00
diff --git a/src/runtime/components/css.ts b/src/runtime/components/css.ts
@@ -3,7 +3,8 @@ import { computed, watch, h, defineComponent } from 'vue'
 import { getIconCSS } from '@iconify/utils/lib/css/icon'
 import type { PropType } from 'vue'
 import type { IconifyIcon } from '@iconify/types'
-import type { NuxtIconRuntimeOptions, NuxtIconRuntimeServerOptions, IconifyIconCustomizeCallback } from '../../types'
+import type { NuxtIconRuntimeOptions, NuxtIconRuntimeServerOptions } from '../../types'
+import type { IconifyIconCustomizeCallback } from './shared'
 import { loadIcon, resolveCustomizeFn } from './shared'
 import { useAppConfig, useNuxtApp, useHead, useRuntimeConfig, onServerPrefetch } from '#imports'
 
diff --git a/src/runtime/components/index.ts b/src/runtime/components/index.ts
@@ -1,9 +1,10 @@
 import { getIcon as _getIcon } from '@iconify/vue'
-import type { PropType, Component } from 'vue'
+import type { PropType } from 'vue'
 import { computed, defineComponent, h } from 'vue'
-import type { NuxtIconRuntimeOptions, IconifyIconCustomizeCallback } from '../../types'
+import type { NuxtIconRuntimeOptions } from '../../types'
 import { NuxtIconCss } from './css'
 import { NuxtIconSvg } from './svg'
+import type { IconifyIconCustomizeCallback } from './shared'
 import { useResolvedName } from './shared'
 import { useAppConfig, useNuxtApp } from '#imports'
 
@@ -59,4 +60,4 @@ export default defineComponent({
       slots,
     )
   },
-}) as Component
+})
diff --git a/src/runtime/components/shared.ts b/src/runtime/components/shared.ts
@@ -1,12 +1,19 @@
 import { computed } from 'vue'
 import { getIcon as _getIcon, addIcon as _addIcon, loadIcon as _loadIcon } from '@iconify/vue'
 import type { IconifyIcon } from '@iconify/types'
-import type { IconifyIconCustomizeCallback, NuxtIconRuntimeOptions } from '../../types'
+import type { NuxtIconRuntimeOptions } from '../../types'
 import { useAppConfig } from '#imports'
 import { init as initClientBundle } from '#build/nuxt-icon-client-bundle'
 
 export { initClientBundle }
 
+export type IconifyIconCustomizeCallback = (
+  content: string,
+  name?: string,
+  prefix?: string,
+  provider?: string
+) => string
+
 export async function loadIcon(name: string, timeout: number): Promise<Required<IconifyIcon> | null | undefined> {
   if (!name)
     return null
diff --git a/src/runtime/components/svg.ts b/src/runtime/components/svg.ts
@@ -1,7 +1,8 @@
 import { Icon as Iconify, addIcon } from '@iconify/vue'
 import { h } from 'vue'
 import type { PropType } from 'vue'
-import type { NuxtIconRuntimeOptions, IconifyIconCustomizeCallback } from '../../types'
+import type { NuxtIconRuntimeOptions } from '../../types'
+import type { IconifyIconCustomizeCallback } from './shared'
 import { initClientBundle, loadIcon, useResolvedName, resolveCustomizeFn } from './shared'
 import { useAsyncData, useNuxtApp, defineComponent, useAppConfig, onServerPrefetch } from '#imports'
 
diff --git a/src/schema-types.ts b/src/schema-types.ts
@@ -1,6 +1,6 @@
 // This file is generated from scripts/schema.ts
 
-import type { IconifyIconCustomizeCallback } from './types'
+import type { IconifyIconCustomizeCallback } from './runtime/components/shared'
 
 export interface NuxtIconRuntimeOptions {
   /**
diff --git a/src/types.ts b/src/types.ts
@@ -3,13 +3,6 @@ import type { NuxtIconRuntimeOptions } from './schema-types'
 
 export type { NuxtIconRuntimeOptions }
 
-export type IconifyIconCustomizeCallback = (
-  content: string,
-  name?: string,
-  prefix?: string,
-  provider?: string
-) => string
-
 export interface NuxtIconRuntimeServerOptions {
   /**
    * List of pre-compiled CSS classnames to be used for server-side CSS icon rendering
