docs(content): add icons

docs/app/composables/useContentNavigation.ts

@@ -49,7 +49,10 @@ export const useContentNavigation = (navigation: Ref<ContentNavigationItem[] | u
   }))
 
   return {
-    mappedNavigation,
+    mappedNavigation: computed(() => mappedNavigation.value?.map(item => ({
+      ...item,
+      children: item.children?.map((child: any) => ({ ...child, icon: undefined }))
+    }))),
     filteredNavigation
   }
 }

docs/content/1.getting-started/1.index.md

@@ -2,6 +2,7 @@
 navigation.title: Introduction
 title: Nuxt UI v3
 description: 'A comprehensive, Nuxt-integrated UI library providing a rich set of fully-styled, accessible and highly customizable components for building modern web applications.'
+navigation.icon: i-lucide-house
 ---
 
 We're thrilled to introduce this major update to our UI library, bringing significant improvements and powerful new features. Nuxt UI v3 represents a leap forward in creating robust, accessible, and highly customizable user interfaces for Nuxt applications.

docs/content/1.getting-started/2.installation/1.nuxt.md

@@ -7,6 +7,7 @@ links:
   - label: Playground
     to: https://codesandbox.io/p/devbox/nuxt-ui3-n3sxks
     icon: i-lucide-codesandbox
+navigation.icon: i-lucide-square-play
 ---
 
 ::callout{to="/getting-started/installation/vue" icon="i-logos-vue" class="hidden"}

docs/content/1.getting-started/2.installation/2.vue.md

@@ -7,6 +7,7 @@ links:
   - label: Playground
     to: https://codesandbox.io/p/devbox/nuxt-ui3-vue-4h5gqn
     icon: i-lucide-codesandbox
+navigation.icon: i-lucide-square-play
 ---
 
 ::callout{to="/getting-started/installation/nuxt" icon="i-logos-nuxt-icon" class="hidden"}

docs/content/1.getting-started/3.theme.md

@@ -1,6 +1,7 @@
 ---
 title: Theme
 description: 'Learn how to customize Nuxt UI components using Tailwind CSS v4, CSS variables and the Tailwind Variants API for powerful and flexible theming.'
+navigation.icon: i-lucide-palette
 ---
 
 ## Tailwind CSS

docs/content/1.getting-started/4.icons/1.nuxt.md

@@ -11,6 +11,7 @@ links:
     to: https://github.com/nuxt/icon
     target: _blank
     icon: i-simple-icons-github
+navigation.icon: i-lucide-smile
 ---
 
 ::callout{to="/getting-started/icons/vue" icon="i-logos-vue" class="hidden"}

docs/content/1.getting-started/4.icons/2.vue.md

@@ -7,6 +7,7 @@ links:
     to: https://iconify.design/
     target: _blank
     icon: i-simple-icons-iconify
+navigation.icon: i-lucide-smile
 ---
 
 ::callout{to="/getting-started/icons/nuxt" icon="i-logos-nuxt-icon" class="hidden"}

docs/content/1.getting-started/5.fonts.md

@@ -7,6 +7,7 @@ links:
     to: https://github.com/nuxt/fonts
     target: _blank
     icon: i-simple-icons-github
+navigation.icon: i-lucide-a-large-small
 ---
 
 ## Usage

docs/content/1.getting-started/6.color-mode/1.nuxt.md

@@ -7,6 +7,7 @@ links:
     to: https://github.com/nuxt-modules/color-mode
     target: _blank
     icon: i-simple-icons-github
+navigation.icon: i-lucide-sun-moon
 ---
 
 ::callout{to="/getting-started/color-mode/vue" icon="i-logos-vue" class="hidden"}

docs/content/1.getting-started/6.color-mode/2.vue.md

@@ -2,6 +2,7 @@
 title: Color Mode
 description: 'Nuxt UI integrates with VueUse to allow for easy switching between light and dark themes.'
 framework: vue
+navigation.icon: i-lucide-sun-moon
 ---
 
 ::callout{to="/getting-started/color-mode/nuxt" icon="i-logos-nuxt-icon" class="hidden"}

docs/content/1.getting-started/7.i18n/1.nuxt.md

@@ -2,6 +2,7 @@
 title: Internationalization (i18n)
 description: 'Learn how to internationalize your Nuxt app with multi-directional support (LTR/RTL).'
 framework: nuxt
+navigation.icon: i-lucide-languages
 ---
 
 ::callout{to="/getting-started/i18n/vue" icon="i-logos-vue" class="hidden"}

docs/content/1.getting-started/7.i18n/2.vue.md

@@ -2,6 +2,7 @@
 title: Internationalization (i18n)
 description: 'Learn how to internationalize your Vue app with multi-directional support (LTR/RTL).'
 framework: vue
+navigation.icon: i-lucide-languages
 ---
 
 ::callout{to="/getting-started/i18n/nuxt" icon="i-logos-nuxt-icon" class="hidden"}