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> </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>