public/glowing-fiesta-original
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

[Closes #10] Reactive breadcrumbs
All checks were successful
Production Build and Deploy / Build (push) Successful in 1m32s
Details
Production Build and Deploy / Deploy (push) Successful in 23s
Details

Browse source
This commit is contained in:
Liviu Burcusel 2026-01-12 14:26:29 +01:00
parent 6d3cdb560d
commit a1708317ec
Signed by: liviu
GPG key ID: 6CDB37A4AD2C610C
19 changed files with 200 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

35
app/layouts/default/Breadcrumb.vue Normal file
View file

@ -0,0 +1,35 @@
<script setup lang="ts">
import {
Breadcrumb,
BreadcrumbItem,
BreadcrumbLink,
BreadcrumbList,
BreadcrumbPage,
BreadcrumbSeparator,
} from "~/components/ui/breadcrumb";
import { useBreadcrumbStore } from "~/stores/breadcrumbs";
const breadcrumbStore = useBreadcrumbStore();
</script>
<template>
<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>
</BreadcrumbList>
</Breadcrumb>
</ClientOnly>
</template>

4
app/layouts/default/SidebarFooter.vue
View file

@ -29,11 +29,11 @@ const userInititials = computed(() => {
});
const handleLogout = () => {
navigateTo("/member/auth/logout");
navigateTo("/auth/logout");
};
const handleLogin = () => {
navigateTo("/member/auth/login");
navigateTo("/auth/login");
};
</script>