fix: icon error

app.config.ts

@@ -1,27 +1,27 @@
 export default defineAppConfig({
-    ui: {
+  ui: {
-        primary: 'indigo',
+    primary: 'indigo',
-        gray: 'neutral',
+    gray: 'neutral',
-        strategy: 'merge',
+    strategy: 'merge',
-        button: {
+    button: {
-            icon: {
+      icon: {
-                loading: 'animate-none',
+        loading: 'animate-none',
-            },
+      },
-            default: {
+      default: {
-                loadingIcon: 'i-svg-spinners-180-ring-with-bg'
+        loadingIcon: 'i-svg-spinners-180-ring-with-bg',
-            }
+      },
-        },
+    },
-        notifications: {
+    notifications: {
-            position: 'top-0 bottom-auto'
+      position: 'top-0 bottom-auto',
-        },
+    },
-        horizontalNavigation: {
+    horizontalNavigation: {
-            container: 'gap-2',
+      container: 'gap-2',
-            base: 'px-3 py-4',
+      base: 'px-3 py-4',
-            after: 'after:hidden',
+      after: 'after:hidden',
-            active: 'before:bg-neutral-600 hover:before:bg-neutral-600 dark:before:bg-neutral-800 dark:hover:before:bg-neutral-800 text-neutral-50 dark:text-neutral-300',
+      active: 'before:bg-neutral-600 hover:before:bg-neutral-600 dark:before:bg-neutral-800 dark:hover:before:bg-neutral-800 text-neutral-50 dark:text-neutral-300',
-            icon: {
+      icon: {
-                active: 'text-neutral-50 dark:text-neutral-300',
+        active: 'text-neutral-50 dark:text-neutral-300',
-            }
+      },
-        },
+    },
-    }
+  },
 })

nuxt.config.ts

@@ -19,6 +19,11 @@ export default defineNuxtConfig({
     '@nuxt/image',
   ],
 
+  icon: {
+    provider: 'iconify',
+    serverBundle: false,
+  },
+
   colorMode: {
     preference: 'light',
   },