<script setup lang="ts">
import type { NavigationMenuItem } from '@nuxt/ui'

const route = useRoute()

const items = computed<NavigationMenuItem[]>(() => [
    {
        label: 'Docs',
        to: '/docs/getting-started',
        active: route.path.startsWith('/docs/getting-started')
    },
])
</script>

<template>
    <UHeader>
        <template #title>
            <Logo class="h-6 w-auto" />
            <h3>NautilusDesk</h3>
        </template>

        <UNavigationMenu :items="items" />

        <template #right>
            <UColorModeButton />
        </template>
    </UHeader>
</template>
