fix(NavigationMenu): highlight border on children only with vertical orientation

docs/content/3.components/navigation-menu.md

@@ -152,7 +152,6 @@ props:
   items:
     - - label: Guide
         icon: i-lucide-book-open
-        defaultOpen: true
         children:
           - label: Introduction
             description: Fully styled and customizable components for Nuxt.
@@ -190,7 +189,9 @@ props:
             to: /composables/use-toast
       - label: Components
         icon: i-lucide-box
+        to: /components
         active: true
+        defaultOpen: true
         children:
           - label: Link
             icon: i-lucide-file-text
@@ -240,10 +241,10 @@ Use the `highlight-color` prop to change the color of the border. It defaults to
 
 ::component-code
 ---
+collapse: true
 prettier: true
 ignore:
   - items
-  - highlight
   - class
 external:
   - items
@@ -254,25 +255,89 @@ props:
   items:
     - - label: Guide
         icon: i-lucide-book-open
-        to: /getting-started
+        children:
+          - label: Introduction
+            description: Fully styled and customizable components for Nuxt.
+            icon: i-lucide-house
+          - label: Installation
+            description: Learn how to install and configure Nuxt UI in your application.
+            icon: i-lucide-cloud-download
+          - label: 'Icons'
+            icon: 'i-lucide-smile'
+            description: 'You have nothing to do, @nuxt/icon will handle it automatically.'
+          - label: 'Colors'
+            icon: 'i-lucide-swatch-book'
+            description: 'Choose a primary and a neutral color from your Tailwind CSS theme.'
+          - label: 'Theme'
+            icon: 'i-lucide-cog'
+            description: 'You can customize components by using the `class` / `ui` props or in your app.config.ts.'
       - label: Composables
         icon: i-lucide-database
-        to: /composables
+        children:
+          - label: defineShortcuts
+            icon: i-lucide-file-text
+            description: Define shortcuts for your application.
+            to: /composables/define-shortcuts
+          - label: useModal
+            icon: i-lucide-file-text
+            description: Display a modal within your application.
+            to: /composables/use-modal
+          - label: useSlideover
+            icon: i-lucide-file-text
+            description: Display a slideover within your application.
+            to: /composables/use-slideover
+          - label: useToast
+            icon: i-lucide-file-text
+            description: Display a toast within your application.
+            to: /composables/use-toast
       - label: Components
         icon: i-lucide-box
         to: /components
         active: true
+        defaultOpen: true
+        children:
+          - label: Link
+            icon: i-lucide-file-text
+            description: Use NuxtLink with superpowers.
+            to: /components/link
+          - label: Modal
+            icon: i-lucide-file-text
+            description: Display a modal within your application.
+            to: /components/modal
+          - label: NavigationMenu
+            icon: i-lucide-file-text
+            description: Display a list of links.
+            to: /components/navigation-menu
+          - label: Pagination
+            icon: i-lucide-file-text
+            description: Display a list of pages.
+            to: /components/pagination
+          - label: Popover
+            icon: i-lucide-file-text
+            description: Display a non-modal dialog that floats around a trigger element.
+            to: /components/popover
+          - label: Progress
+            icon: i-lucide-file-text
+            description: Show a horizontal bar to indicate task progression.
+            to: /components/progress
     - - label: GitHub
         icon: i-simple-icons-github
         badge: 3.8k
         to: https://github.com/nuxt/ui
         target: _blank
-  class: 'data-[orientation=horizontal]:border-b data-[orientation=vertical]:border-l border-[var(--ui-border)]'
+      - label: Help
+        icon: i-lucide-circle-help
+        disabled: true
+  class: 'data-[orientation=horizontal]:border-b border-[var(--ui-border)] data-[orientation=vertical]:w-48'
 ---
 ::
 
 ::note
-In this example, the `border-l` and `border-b` classes are applied to display a border, this is not done by default to let you have a clean slate to work with.
+In this example, the `border-b` class is applied to display a border in `horizontal` orientation, this is not done by default to let you have a clean slate to work with.
+::
+
+::caution
+In `vertical` orientation, the `highlight` prop only highlights the border of active children.
 ::
 
 ### Color