Made breadcrumbs reactive

This commit is contained in:
Liviu Burcusel 2026-01-12 11:01:50 +01:00
parent 7b1ce9cb23
commit a7f75868cf
Signed by: liviu
GPG key ID: 6CDB37A4AD2C610C
6 changed files with 55 additions and 6 deletions

View file

@ -1,5 +1,9 @@
<script setup lang="ts">
import { useBreadcrumbStore } from "~/stores/breadcrumbs";
import SignupForm from "@/components/SignupForm.vue";
const breadcrumbStore = useBreadcrumbStore();
breadcrumbStore.setBreadcrumbs([{ label: "Auth" }, { label: "Create Account", to: "/auth/create-account" }]);
</script>
<template>

View file

@ -1,5 +1,9 @@
<script setup lang="ts">
import LoginForm from "@/components/LoginForm.vue";
import { useBreadcrumbStore } from "~/stores/breadcrumbs";
import LoginForm from "~/components/LoginForm.vue";
const breadcrumbStore = useBreadcrumbStore();
breadcrumbStore.setBreadcrumbs([{ label: "Auth" }, { label: "Login", to: "/auth/login" }]);
</script>
<template>

View file

@ -4,9 +4,13 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/com
import { Field, FieldDescription } from "@/components/ui/field";
import { useAuthStore } from "~/stores/auth";
import { useBreadcrumbStore } from "~/stores/breadcrumbs";
const authStore = useAuthStore();
await authStore.init();
const breadcrumbStore = useBreadcrumbStore();
breadcrumbStore.setBreadcrumbs([{ label: "Auth" }, { label: "Logout", to: "/auth/logout" }]);
</script>
<template>