docs(navigation-menu): update

2026-01-14 12:14:41 +01:00 · 2024-09-06 14:59:05 +02:00
parent a8b5bff8c6
commit 1716ba0f5e
5 changed files with 373 additions and 16 deletions
--- a/playground/app/pages/components/navigation-menu.vue
+++ b/playground/app/pages/components/navigation-menu.vue
@@ -92,17 +92,14 @@ const items = [
    </div>

    <UNavigationMenu
+      arrow
      :items="items"
      :color="color"
      :variant="variant"
      :orientation="orientation"
      :highlight="highlight"
      :highlight-color="highlightColor"
-      arrow
-      :class="highlight ? [
-        'border-gray-200 dark:border-gray-800',
-        orientation === 'vertical' as any ? 'border-l' : 'border-b'
-      ] : undefined"
+      :class="highlight && 'data-[orientation=horizontal]:border-b data-[orientation=vertical]:border-l border-gray-200 dark:border-gray-800'"
    />
  </div>
 </template>