mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Benjamin Canac
44 lines
962 B
Vue
44 lines
962 B
Vue
<script setup lang="ts">
|
|
const route = useRoute()
|
|
const { desktopLinks } = useHeader()
|
|
</script>
|
|
|
|
<template>
|
|
<UHeader :ui="{ left: 'min-w-0' }" class="flex flex-col">
|
|
<template #left>
|
|
<HeaderLogo />
|
|
|
|
<VersionMenu />
|
|
</template>
|
|
|
|
<UNavigationMenu :items="desktopLinks" variant="link" />
|
|
|
|
<template #right>
|
|
<ThemePicker />
|
|
|
|
<UTooltip text="Search" :kbds="['meta', 'K']">
|
|
<UContentSearchButton />
|
|
</UTooltip>
|
|
|
|
<UTooltip text="Open on GitHub" class="hidden lg:flex">
|
|
<UButton
|
|
color="neutral"
|
|
variant="ghost"
|
|
to="https://github.com/nuxt/ui"
|
|
target="_blank"
|
|
icon="i-simple-icons-github"
|
|
aria-label="GitHub"
|
|
/>
|
|
</UTooltip>
|
|
</template>
|
|
|
|
<template #body>
|
|
<HeaderBody />
|
|
</template>
|
|
|
|
<template v-if="route.path.startsWith('/docs/')" #bottom>
|
|
<HeaderBottom />
|
|
</template>
|
|
</UHeader>
|
|
</template>
|