arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-05 06:38:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(NavigationMenu): add missing value on items

Browse Source
This commit is contained in:
Benjamin Canac
2024-04-04 18:22:57 +02:00
parent 92e1d09990
commit 58a29911dd
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/runtime/components/NavigationMenu.vue
View File

@@ -12,6 +12,7 @@ const navigationMenu = tv({ extend: tv(theme), ...(appConfig.ui?.navigationMenu
export interface NavigationMenuLink extends LinkProps { export interface NavigationMenuLink extends LinkProps {
label: string label: string
value?: string
icon?: IconProps['name'] icon?: IconProps['name']
avatar?: AvatarProps avatar?: AvatarProps
badge?: string | number | BadgeProps badge?: string | number | BadgeProps
@@ -56,7 +57,7 @@ const lists = computed(() => props.links?.length ? (Array.isArray(props.links[0]
<template> <template>
<NavigationMenuRoot v-bind="rootProps" :class="ui.root({ class: props.class })"> <NavigationMenuRoot v-bind="rootProps" :class="ui.root({ class: props.class })">
<NavigationMenuList v-for="(list, index) in lists" :key="`list-${index}`" :class="ui.list()"> <NavigationMenuList v-for="(list, index) in lists" :key="`list-${index}`" :class="ui.list()">
<NavigationMenuItem v-for="(link, linkIndex) in list" :key="`list-${index}-${linkIndex}`" :class="ui.item()"> <NavigationMenuItem v-for="(link, linkIndex) in list" :key="`list-${index}-${linkIndex}`" :value="link.value || String(index)" :class="ui.item()">
<ULink v-slot="{ active, ...slotProps }" v-bind="omit(link, ['label', 'icon', 'avatar', 'badge', 'select'])" custom> <ULink v-slot="{ active, ...slotProps }" v-bind="omit(link, ['label', 'icon', 'avatar', 'badge', 'select'])" custom>
<NavigationMenuLink as-child :active="active" @select="link.select"> <NavigationMenuLink as-child :active="active" @select="link.select">
<ULinkBase v-bind="slotProps" :class="ui.link({ active })"> <ULinkBase v-bind="slotProps" :class="ui.link({ active })">