38 lines
962 B
Vue
38 lines
962 B
Vue
<script setup lang="ts">
|
|
import type { SidebarMenuButtonVariants } from '~/components/comps-pub/ui/sidebar'
|
|
import { useSidebar } from '~/components/pub/ui/sidebar'
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
item: any
|
|
size?: SidebarMenuButtonVariants['size']
|
|
}>(),
|
|
{
|
|
size: 'default',
|
|
}
|
|
)
|
|
|
|
const { setOpenMobile } = useSidebar()
|
|
</script>
|
|
|
|
<template>
|
|
<SidebarMenu>
|
|
<SidebarMenuItem>
|
|
<SidebarMenuButton as-child :tooltip="item.title" :size="size">
|
|
<NuxtLink :to="item.link" @click="setOpenMobile(false)">
|
|
<Icon :name="item.icon || ''" mode="svg" />
|
|
<span>{{ item.title }}</span>
|
|
<span
|
|
v-if="item.new"
|
|
class="bg-#adfa1d rounded-md px-1.5 py-0.5 text-xs leading-none text-black no-underline group-hover:no-underline"
|
|
>
|
|
New
|
|
</span>
|
|
</NuxtLink>
|
|
</SidebarMenuButton>
|
|
</SidebarMenuItem>
|
|
</SidebarMenu>
|
|
</template>
|
|
|
|
<style scoped></style>
|