39 lines
878 B
Vue
39 lines
878 B
Vue
<script setup lang="ts">
|
|
import type { NavigationMenuItem } from '@nuxt/ui'
|
|
|
|
const nav : NavigationMenuItem[][] = [[
|
|
{
|
|
label: 'Home',
|
|
icon: 'i-lucide-house',
|
|
to: "/dashboard"
|
|
}, {
|
|
label: 'Notifications',
|
|
icon: 'i-lucide-inbox',
|
|
badge: '4',
|
|
to: "/events"
|
|
}, {
|
|
label: 'Settings',
|
|
icon: 'i-lucide-settings',
|
|
to: '/settings'
|
|
}]];
|
|
/*[
|
|
{
|
|
label: "Feedback"
|
|
}
|
|
]];*/
|
|
</script>
|
|
<template>
|
|
<UDashboardGroup>
|
|
<DashboardSidebar collapsible resizable :items="nav"/>
|
|
|
|
<UDashboardSidebarCollapse />
|
|
|
|
<UContainer class="overflow-auto">
|
|
<!-- in my case I want the button to be the same everywhere.
|
|
if you wanna customize it per page, place it per page inside UContainer -->
|
|
<!--<UDashboardSidebarToggle variant="subtle" class="absolute z-20 top-3 left-2.5"/>-->
|
|
<slot />
|
|
</UContainer>
|
|
</UDashboardGroup>
|
|
</template>
|