51 lines
1.1 KiB
Vue
Executable File
51 lines
1.1 KiB
Vue
Executable File
<script setup lang="ts">
|
|
import type { NavigationMenuItem } from '@nuxt/ui'
|
|
|
|
const open = ref(false)
|
|
|
|
const links = [[{
|
|
label: 'Actividades',
|
|
icon: 'i-lucide-calendar-days',
|
|
to: '/actividades',
|
|
onSelect: () => { open.value = false }
|
|
}, {
|
|
label: 'Conferencias',
|
|
icon: 'i-lucide-mic',
|
|
to: '/conferencias',
|
|
onSelect: () => { open.value = false }
|
|
}]] satisfies NavigationMenuItem[][]
|
|
</script>
|
|
|
|
<template>
|
|
<UDashboardGroup unit="rem">
|
|
<UDashboardSidebar
|
|
id="default"
|
|
v-model:open="open"
|
|
collapsible
|
|
resizable
|
|
class="bg-elevated/25"
|
|
:ui="{ footer: 'lg:border-t lg:border-default' }"
|
|
>
|
|
<template #header>
|
|
<ULink as="button" class="font-semibold">La Gran Carpa Catedral</ULink>
|
|
</template>
|
|
|
|
<template #default="{ collapsed }">
|
|
<UNavigationMenu
|
|
:collapsed="collapsed"
|
|
:items="links[0]"
|
|
orientation="vertical"
|
|
tooltip
|
|
popover
|
|
/>
|
|
</template>
|
|
|
|
<template #footer="{ collapsed }">
|
|
<UserMenu :collapsed="collapsed" />
|
|
</template>
|
|
</UDashboardSidebar>
|
|
|
|
<slot />
|
|
</UDashboardGroup>
|
|
</template>
|