GF-12-breadcrumbs #11
1 changed files with 18 additions and 16 deletions
|
|
@ -13,21 +13,23 @@ const breadcrumbStore = useBreadcrumbStore();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<Breadcrumb>
|
<ClientOnly>
|
||||||
<BreadcrumbList>
|
<Breadcrumb>
|
||||||
<template v-for="i in breadcrumbStore.items.length - 1" :key="i">
|
<BreadcrumbList>
|
||||||
<BreadcrumbItem class="hidden md:block">
|
<template v-for="i in breadcrumbStore.items.length - 1" :key="i">
|
||||||
<BreadcrumbLink :href="breadcrumbStore.items[i - 1]?.to || ''">
|
<BreadcrumbItem class="hidden md:block">
|
||||||
{{ breadcrumbStore.items[i - 1]?.label }}
|
<BreadcrumbLink :href="breadcrumbStore.items[i - 1]?.to || ''">
|
||||||
</BreadcrumbLink>
|
{{ breadcrumbStore.items[i - 1]?.label }}
|
||||||
|
</BreadcrumbLink>
|
||||||
|
</BreadcrumbItem>
|
||||||
|
<BreadcrumbSeparator class="hidden md:block" />
|
||||||
|
</template>
|
||||||
|
<BreadcrumbItem>
|
||||||
|
<BreadcrumbPage>
|
||||||
|
{{ breadcrumbStore.items[breadcrumbStore.items.length - 1]?.label }}
|
||||||
|
</BreadcrumbPage>
|
||||||
</BreadcrumbItem>
|
</BreadcrumbItem>
|
||||||
<BreadcrumbSeparator class="hidden md:block" />
|
</BreadcrumbList>
|
||||||
</template>
|
</Breadcrumb>
|
||||||
<BreadcrumbItem>
|
</ClientOnly>
|
||||||
<BreadcrumbPage>
|
|
||||||
{{ breadcrumbStore.items[breadcrumbStore.items.length - 1]?.label }}
|
|
||||||
</BreadcrumbPage>
|
|
||||||
</BreadcrumbItem>
|
|
||||||
</BreadcrumbList>
|
|
||||||
</Breadcrumb>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue