fix: add custom collections prefixes to runtime config

Author: antfu

playground/components/ShowcaseFixture.vue

@@ -82,7 +82,16 @@ defineProps<{
       Custom icons with `prefix: ''` from local fs:
       <Icon
         name="nuxt-v3"
-        size="64"
+        size="32"
+        :mode
+        :customize
+      />
+    </p>
+    <p>
+      Custom icons with `prefix: 'custom-parts'` from local fs:
+      <Icon
+        name="custom-parts-nuxt-v3"
+        size="32"
         :mode
         :customize
       />

playground/icons/custom-parts/nuxt-v3.svg

@@ -41,6 +41,10 @@ export default defineNuxtConfig({
         prefix: 'custom1',
         dir: './icons/custom1',
       },
+      {
+        prefix: 'custom-parts',
+        dir: './icons/custom-parts',
+      },
       {
         prefix: '',
         dir: './icons/no-prefix',

playground/nuxt.config.ts

@@ -20,14 +20,22 @@ export class NuxtIconModuleContext {
   ) {}
 
   getRuntimeCollections(runtimeOptions: NuxtIconRuntimeOptions): string[] {
-    return runtimeOptions.fallbackToApi
+    const resolved = runtimeOptions.fallbackToApi
       ? collectionNames
       : typeof this.options.serverBundle === 'string'
         ? collectionNames
         : this.options.serverBundle
           ? this.options.serverBundle.collections
             ?.map(c => typeof c === 'string' ? c : c.prefix) || []
           : []
+
+    // Include custom collections prefixes
+    for (const collection of this.options.customCollections || []) {
+      if (collection.prefix && !resolved.includes(collection.prefix))
+        resolved.push(collection.prefix)
+    }
+
+    return resolved
   }
 
   private _customCollections: IconifyJSON[] | Promise<IconifyJSON[]> | undefined