ed56c4201f
- Implement new breadcrumb component with proper routing handling - Update header to use new breadcrumb component - Optimize nuxt config for SPA with router and rendering settings
34 lines
680 B
Vue
34 lines
680 B
Vue
<script lang="ts" setup>
|
|
import {
|
|
Breadcrumb,
|
|
BreadcrumbItem,
|
|
BreadcrumbLink,
|
|
BreadcrumbList,
|
|
BreadcrumbSeparator,
|
|
} from '~/components/pub/ui/breadcrumb'
|
|
|
|
const props = defineProps<{
|
|
links: {
|
|
title: string
|
|
href: string
|
|
}[]
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<Breadcrumb>
|
|
<BreadcrumbList>
|
|
<BreadcrumbItem v-for="(link, index) in props.links" :key="link.href">
|
|
<BreadcrumbLink as-child>
|
|
<NuxtLink :to="link.href">
|
|
{{ link.title }}
|
|
</NuxtLink>
|
|
</BreadcrumbLink>
|
|
|
|
<BreadcrumbSeparator v-if="index < props.links.length - 1" />
|
|
</BreadcrumbItem>
|
|
</BreadcrumbList>
|
|
|
|
</Breadcrumb>
|
|
</template>
|