29 lines
499 B
Vue
29 lines
499 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 #panel>
|
|
<div class="p-4">
|
|
<UNavigationLinks :links="links" />
|
|
</div>
|
|
</template>
|
|
</UPopover>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|