Files
nuxt__ui/docs/app/components/header/HeaderBody.vue
2025-09-09 16:12:02 +02:00

24 lines
720 B
Vue

<script setup lang="ts">
import type { ContentNavigationItem } from '@nuxt/content'
const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
const route = useRoute()
const { mobileLinks } = useHeader()
const { navigationByCategory } = useNavigation(navigation!)
</script>
<template>
<UNavigationMenu orientation="vertical" :items="mobileLinks" class="-mx-2.5" />
<template v-if="route.path.startsWith('/docs/')">
<USeparator type="dashed" class="mt-4 mb-6" />
<div class="flex flex-col gap-2 mb-5.5">
<FrameworkTabs />
</div>
<UContentNavigation :navigation="navigationByCategory" highlight :ui="{ linkTrailingBadge: 'font-semibold uppercase' }" />
</template>
</template>