36 lines
584 B
Vue
36 lines
584 B
Vue
<script setup lang="ts">
|
|
const links = [
|
|
{
|
|
label: 'Account',
|
|
to: '/account',
|
|
icon: 'i-heroicons-user-solid',
|
|
},
|
|
{
|
|
label: 'Logout',
|
|
to: '/logout',
|
|
icon: 'i-heroicons-arrow-left-on-rectangle',
|
|
}]
|
|
</script>
|
|
|
|
<template>
|
|
<UPopover>
|
|
<UButton
|
|
icon="i-heroicons-user-solid"
|
|
color="gray"
|
|
variant="ghost"
|
|
/>
|
|
<template #content>
|
|
<div class="p-4">
|
|
<UNavigationMenu
|
|
:items="links"
|
|
:orientation="'vertical'"
|
|
/>
|
|
</div>
|
|
</template>
|
|
</UPopover>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|