20 lines
543 B
Vue
20 lines
543 B
Vue
<script setup lang="ts">
|
|
import type { NavigationMenuItem } from '@nuxt/ui'
|
|
const route = useRoute()
|
|
const items = computed<NavigationMenuItem[]>(() => [{
|
|
label: 'Docs',
|
|
to: '/getting-started',
|
|
icon: 'i-lucide-book-open',
|
|
active: route.path.startsWith('/getting-started')
|
|
}, {
|
|
label: 'essentials',
|
|
to: '/essentials',
|
|
icon: 'i-lucide-box',
|
|
active: route.path.startsWith('/1.essentials')
|
|
}, ])
|
|
</script>
|
|
|
|
<template>
|
|
<UNavigationMenu orientation="vertical" :items="items" class="data-[orientation=vertical]:w-64" />
|
|
</template>
|