fix: icons loading (#145)

fixes icons loading issue

Author: sarahschwartz

components/content/TwitterButton.vue

@@ -1,6 +1,6 @@
 <template>
   <UButton
-    icon="i-lucide-rocket"
+    icon="i-heroicons-rocket-launch"
     size="md"
     variant="outline"
     :to="url"

nuxt.config.ts

@@ -49,6 +49,36 @@ export default defineNuxtConfig({
       },
     },
   },
+  icon: {
+    clientBundle: {
+      // scan all components in the project and include icons
+      scan: true,
+      // include all custom collections in the client bundle
+      includeCustomCollections: true,
+      // guard for uncompressed bundle size, will fail the build if exceeds
+      sizeLimitKb: 256,
+      icons: [
+        'heroicons:clipboard-document',
+        'heroicons:chevron-right-20-solid',
+        'heroicons:chevron-left-20-solid',
+        'heroicons:hashtag-20-solid',
+        'heroicons:chevron-down-20-solid',
+        'heroicons:moon-20-solid',
+        'heroicons:sun-20-solid',
+        'heroicons:x-mark-20-solid',
+        'heroicons:rocket-launch',
+        'heroicons:arrow-up-right-20-solid',
+        'heroicons:arrow-left-20-solid',
+        'heroicons:check-circle-16-solid',
+        'vscode-icons:file-type-bun',
+        'vscode-icons:file-type-npm',
+        'vscode-icons:file-type-pnpm',
+        'vscode-icons:file-type-yarn',
+        'vscode-icons:file-type-typescript',
+        'vscode-icons:file-type-solidity',
+      ],
+    },
+  },
   $production:
     process.env.NUXT_SITE_ENV === 'production'
       ? {