35 lines
842 B
Vue
35 lines
842 B
Vue
<template>
|
|
<UDropdownMenu
|
|
v-slot="{ open }"
|
|
:modal="false"
|
|
:items="[{
|
|
label: 'Blog',
|
|
to: 'https://lijue.net'
|
|
}, {
|
|
label: 'Docs',
|
|
to: 'https://docs-template.nuxt.dev/',
|
|
color: 'primary',
|
|
checked: true,
|
|
type: 'checkbox'
|
|
}, {
|
|
label: 'JiWei',
|
|
to: 'https://www.xajiwei.com/'
|
|
}
|
|
]"
|
|
:ui="{ content: 'w-(--reka-dropdown-menu-trigger-width) min-w-0' }"
|
|
size="xs"
|
|
>
|
|
<UButton
|
|
label="Docs"
|
|
variant="subtle"
|
|
trailing-icon="lucide-chevron-down"
|
|
size="xs"
|
|
class="-mb-[6px] font-semibold rounded-full truncate"
|
|
:class="[open && 'bg-primary/15']"
|
|
:ui="{
|
|
trailingIcon: ['transition-transform duration-200', open ? 'rotate-180' : undefined].filter(Boolean).join(' ')
|
|
}"
|
|
/>
|
|
</UDropdownMenu>
|
|
</template>
|