GF-12-breadcrumbs #11

Manually merged
liviu merged 8 commits from GF-12-breadcrumbs into production 2026-01-12 14:31:25 +01:00
Showing only changes of commit 5267657374 - Show all commits

View file

@ -13,21 +13,23 @@ const breadcrumbStore = useBreadcrumbStore();
</script>
<template>
<Breadcrumb>
<BreadcrumbList>
<template v-for="i in breadcrumbStore.items.length - 1" :key="i">
<BreadcrumbItem class="hidden md:block">
<BreadcrumbLink :href="breadcrumbStore.items[i - 1]?.to || ''">
{{ breadcrumbStore.items[i - 1]?.label }}
</BreadcrumbLink>
<ClientOnly>
<Breadcrumb>
<BreadcrumbList>
<template v-for="i in breadcrumbStore.items.length - 1" :key="i">
<BreadcrumbItem class="hidden md:block">
<BreadcrumbLink :href="breadcrumbStore.items[i - 1]?.to || ''">
{{ breadcrumbStore.items[i - 1]?.label }}
</BreadcrumbLink>
</BreadcrumbItem>
<BreadcrumbSeparator class="hidden md:block" />
</template>
<BreadcrumbItem>
<BreadcrumbPage>
{{ breadcrumbStore.items[breadcrumbStore.items.length - 1]?.label }}
</BreadcrumbPage>
</BreadcrumbItem>
<BreadcrumbSeparator class="hidden md:block" />
</template>
<BreadcrumbItem>
<BreadcrumbPage>
{{ breadcrumbStore.items[breadcrumbStore.items.length - 1]?.label }}
</BreadcrumbPage>
</BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>
</BreadcrumbList>
</Breadcrumb>
</ClientOnly>
</template>