39 lines
899 B
Vue
39 lines
899 B
Vue
<script setup lang="ts">
|
|
import type { NavItem } from '@nuxt/content/dist/runtime/types'
|
|
|
|
const navigation = inject<Ref<NavItem[]>>('navigation')
|
|
|
|
const links = [{
|
|
label: 'Documentation',
|
|
icon: 'i-heroicons-book-open',
|
|
to: '/getting-started',
|
|
}, {
|
|
label: 'Pro',
|
|
icon: 'i-heroicons-square-3-stack-3d',
|
|
to: '/pro',
|
|
}, {
|
|
label: 'Releases',
|
|
icon: 'i-heroicons-rocket-launch',
|
|
to: 'https://github.com/nuxt/ui/releases',
|
|
target: '_blank',
|
|
}]
|
|
</script>
|
|
|
|
<template>
|
|
<UHeader :links="links">
|
|
<template #logo>
|
|
<Logo class="h-6 w-auto" />
|
|
</template>
|
|
|
|
<template #right>
|
|
<UColorModeButton />
|
|
|
|
<UButton to="https://github.com/nuxt/ui" target="_blank" icon="i-simple-icons-github" color="gray" variant="ghost" />
|
|
</template>
|
|
|
|
<template #panel>
|
|
<UNavigationTree :links="mapContentNavigation(navigation)" />
|
|
</template>
|
|
</UHeader>
|
|
</template>
|