From 1a8f38d73f35f9112316c4300fc1aee306c9dac9 Mon Sep 17 00:00:00 2001
From: Liviu Burcusel <x.liviu@gmail.com>
Date: Sun, 11 Jan 2026 12:33:39 +0100
Subject: [PATCH 1/8] Moved /member/auth/* to /auth/*

---
 app/components/LoginForm.vue                   | 2 +-
 app/components/SignupForm.vue                  | 2 +-
 app/layouts/default/SidebarFooter.vue          | 4 ++--
 app/pages/{member => }/auth/create-account.vue | 0
 app/pages/{member => }/auth/login.vue          | 0
 app/pages/{member => }/auth/logout.vue         | 0
 6 files changed, 4 insertions(+), 4 deletions(-)
 rename app/pages/{member => }/auth/create-account.vue (100%)
 rename app/pages/{member => }/auth/login.vue (100%)
 rename app/pages/{member => }/auth/logout.vue (100%)

diff --git a/app/components/LoginForm.vue b/app/components/LoginForm.vue
index 1906254..8dd34a3 100644
--- a/app/components/LoginForm.vue
+++ b/app/components/LoginForm.vue
@@ -43,7 +43,7 @@ const doLogin = async () => {
               <Button type="submit">Login</Button>
               <FieldDescription class="text-center">
                 Don't have an account?
-                <NuxtLink to="/member/auth/create-account">
+                <NuxtLink to="/auth/create-account">
                   <Button variant="link">Create account</Button>
                 </NuxtLink>
               </FieldDescription>
diff --git a/app/components/SignupForm.vue b/app/components/SignupForm.vue
index 134d456..9bfa07a 100644
--- a/app/components/SignupForm.vue
+++ b/app/components/SignupForm.vue
@@ -63,7 +63,7 @@ const createAccount = async () => {
                 <Button type="submit">Create Account</Button>
                 <FieldDescription class="text-center">
                   Already have an account?
-                  <NuxtLink to="/member/auth/login">
+                  <NuxtLink to="/auth/login">
                     <Button variant="link">Log in</Button>
                   </NuxtLink>
                 </FieldDescription>
diff --git a/app/layouts/default/SidebarFooter.vue b/app/layouts/default/SidebarFooter.vue
index 818dd1b..3fcd70e 100644
--- a/app/layouts/default/SidebarFooter.vue
+++ b/app/layouts/default/SidebarFooter.vue
@@ -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>
 
diff --git a/app/pages/member/auth/create-account.vue b/app/pages/auth/create-account.vue
similarity index 100%
rename from app/pages/member/auth/create-account.vue
rename to app/pages/auth/create-account.vue
diff --git a/app/pages/member/auth/login.vue b/app/pages/auth/login.vue
similarity index 100%
rename from app/pages/member/auth/login.vue
rename to app/pages/auth/login.vue
diff --git a/app/pages/member/auth/logout.vue b/app/pages/auth/logout.vue
similarity index 100%
rename from app/pages/member/auth/logout.vue
rename to app/pages/auth/logout.vue
-- 
2.49.1


From 7b1ce9cb235929c3f9d04d73449c931762f2ecf2 Mon Sep 17 00:00:00 2001
From: Liviu Burcusel <x.liviu@gmail.com>
Date: Sun, 11 Jan 2026 12:48:22 +0100
Subject: [PATCH 2/8] Moved breadcrumbs into its own file

---
 app/layouts/Default.vue            | 23 +++--------------------
 app/layouts/default/Breadcrumb.vue | 24 ++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 20 deletions(-)
 create mode 100644 app/layouts/default/Breadcrumb.vue

diff --git a/app/layouts/Default.vue b/app/layouts/Default.vue
index a8a9b30..f82fff1 100644
--- a/app/layouts/Default.vue
+++ b/app/layouts/Default.vue
@@ -1,18 +1,11 @@
 <script setup lang="ts">
 import { useAuthStore } from "~/stores/auth";
+
 import DefaultSidebar from "~/layouts/default/Sidebar.vue";
+import DefaultBreadcrumb from "~/layouts/default/Breadcrumb.vue";
 
 import { SidebarInset, SidebarProvider, SidebarTrigger } from "~/components/ui/sidebar";
 
-import {
-  Breadcrumb,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-} from "~/components/ui/breadcrumb";
-
 import { Separator } from "~/components/ui/separator";
 
 import { useRuntimeConfig } from "#app";
@@ -32,17 +25,7 @@ await authStore.init();
       <header class="flex h-12 shrink-0 items-center gap-2 border-b px-4">
         <SidebarTrigger class="-ml-1" />
         <Separator orientation="vertical" class="mr-2 data-[orientation=vertical]:h-4" />
-        <Breadcrumb>
-          <BreadcrumbList>
-            <BreadcrumbItem class="hidden md:block">
-              <BreadcrumbLink href="#"> Building Your Application </BreadcrumbLink>
-            </BreadcrumbItem>
-            <BreadcrumbSeparator class="hidden md:block" />
-            <BreadcrumbItem>
-              <BreadcrumbPage>Data Fetching</BreadcrumbPage>
-            </BreadcrumbItem>
-          </BreadcrumbList>
-        </Breadcrumb>
+        <DefaultBreadcrumb />
       </header>
       <main class="flex flex-1 flex-col gap-4 p-4">
         <slot />
diff --git a/app/layouts/default/Breadcrumb.vue b/app/layouts/default/Breadcrumb.vue
new file mode 100644
index 0000000..3450b43
--- /dev/null
+++ b/app/layouts/default/Breadcrumb.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "~/components/ui/breadcrumb";
+</script>
+
+<template>
+  <Breadcrumb>
+    <BreadcrumbList>
+      <BreadcrumbItem class="hidden md:block">
+        <BreadcrumbLink href="#"> Building Your Application </BreadcrumbLink>
+      </BreadcrumbItem>
+      <BreadcrumbSeparator class="hidden md:block" />
+      <BreadcrumbItem>
+        <BreadcrumbPage>Data Fetching</BreadcrumbPage>
+      </BreadcrumbItem>
+    </BreadcrumbList>
+  </Breadcrumb>
+</template>
-- 
2.49.1


From a7f75868cf2a0e10388541f76431a7bd26712742 Mon Sep 17 00:00:00 2001
From: Liviu Burcusel <x.liviu@gmail.com>
Date: Mon, 12 Jan 2026 11:01:50 +0100
Subject: [PATCH 3/8] Made breadcrumbs reactive

---
 app/layouts/default/Breadcrumb.vue | 19 ++++++++++++++-----
 app/pages/auth/create-account.vue  |  4 ++++
 app/pages/auth/login.vue           |  6 +++++-
 app/pages/auth/logout.vue          |  4 ++++
 app/pages/index.vue                |  4 ++++
 app/stores/breadcrumbs.ts          | 24 ++++++++++++++++++++++++
 6 files changed, 55 insertions(+), 6 deletions(-)
 create mode 100644 app/stores/breadcrumbs.ts

diff --git a/app/layouts/default/Breadcrumb.vue b/app/layouts/default/Breadcrumb.vue
index 3450b43..2990d92 100644
--- a/app/layouts/default/Breadcrumb.vue
+++ b/app/layouts/default/Breadcrumb.vue
@@ -7,17 +7,26 @@ import {
   BreadcrumbPage,
   BreadcrumbSeparator,
 } from "~/components/ui/breadcrumb";
+
+import { useBreadcrumbStore } from "~/stores/breadcrumbs";
+const breadcrumbStore = useBreadcrumbStore();
 </script>
 
 <template>
   <Breadcrumb>
     <BreadcrumbList>
-      <BreadcrumbItem class="hidden md:block">
-        <BreadcrumbLink href="#"> Building Your Application </BreadcrumbLink>
-      </BreadcrumbItem>
-      <BreadcrumbSeparator class="hidden md:block" />
+      <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 || "Home" }}
+          </BreadcrumbLink>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator class="hidden md:block" />
+      </template>
       <BreadcrumbItem>
-        <BreadcrumbPage>Data Fetching</BreadcrumbPage>
+        <BreadcrumbPage>
+          {{ breadcrumbStore.items[breadcrumbStore.items.length - 1]?.label || "Home" }}
+        </BreadcrumbPage>
       </BreadcrumbItem>
     </BreadcrumbList>
   </Breadcrumb>
diff --git a/app/pages/auth/create-account.vue b/app/pages/auth/create-account.vue
index 96858b8..cecf990 100644
--- a/app/pages/auth/create-account.vue
+++ b/app/pages/auth/create-account.vue
@@ -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>
diff --git a/app/pages/auth/login.vue b/app/pages/auth/login.vue
index c8c0dc3..fb41d63 100644
--- a/app/pages/auth/login.vue
+++ b/app/pages/auth/login.vue
@@ -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>
diff --git a/app/pages/auth/logout.vue b/app/pages/auth/logout.vue
index fbce4dc..8227e51 100644
--- a/app/pages/auth/logout.vue
+++ b/app/pages/auth/logout.vue
@@ -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>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 2764077..65c5c37 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
+import { useBreadcrumbStore } from "~/stores/breadcrumbs";
 import { Button } from "@/components/ui/button";
 
 const lastClicked = ref<string>("None");
@@ -7,6 +8,9 @@ const lastClicked = ref<string>("None");
 const buttonClicked = (variant: string) => {
   lastClicked.value = variant;
 };
+
+const breadcrumbStore = useBreadcrumbStore();
+breadcrumbStore.setBreadcrumbs([{ label: "Homepage", to: "/" }]);
 </script>
 
 <template>
diff --git a/app/stores/breadcrumbs.ts b/app/stores/breadcrumbs.ts
new file mode 100644
index 0000000..1d929bd
--- /dev/null
+++ b/app/stores/breadcrumbs.ts
@@ -0,0 +1,24 @@
+import { defineStore } from "pinia";
+
+export interface BreadcrumbItem {
+  label: string;
+  to?: string;
+}
+
+export const useBreadcrumbStore = defineStore("breadcrumb", {
+  state: () => ({
+    items: [] as BreadcrumbItem[],
+  }),
+
+  actions: {
+    setBreadcrumbs(items: BreadcrumbItem[]) {
+      this.items = items;
+    },
+    addBreadcrumb(item: BreadcrumbItem) {
+      this.items.push(item);
+    },
+    clear() {
+      this.items = [];
+    },
+  },
+});
-- 
2.49.1


From 414aea1cbd2c145679b1e5feb984d74a86149543 Mon Sep 17 00:00:00 2001
From: Liviu Burcusel <x.liviu@gmail.com>
Date: Mon, 12 Jan 2026 11:47:38 +0100
Subject: [PATCH 4/8] Fixed tests

---
 tests/layouts/default/SidebarFooter.test.ts          |  8 ++++----
 tests/pages/{member => }/auth/create-account.test.ts |  2 +-
 tests/pages/{member => }/auth/login.test.ts          |  2 +-
 tests/pages/{member => }/auth/logout.test.ts         |  2 +-
 tests/setup.ts                                       | 10 ++++++++++
 5 files changed, 17 insertions(+), 7 deletions(-)
 rename tests/pages/{member => }/auth/create-account.test.ts (97%)
 rename tests/pages/{member => }/auth/login.test.ts (98%)
 rename tests/pages/{member => }/auth/logout.test.ts (97%)

diff --git a/tests/layouts/default/SidebarFooter.test.ts b/tests/layouts/default/SidebarFooter.test.ts
index ffb7f07..4668e9f 100644
--- a/tests/layouts/default/SidebarFooter.test.ts
+++ b/tests/layouts/default/SidebarFooter.test.ts
@@ -166,7 +166,7 @@ describe("SidebarFooter.vue", () => {
     expect(wrapper.text()).not.toContain("Log out");
   });
 
-  it("calls navigateTo('/member/auth/logout') when Log out is clicked", async () => {
+  it("calls navigateTo('/auth/logout') when Log out is clicked", async () => {
     const wrapper = mount(SidebarFooterComponent, {
       props: { user },
       global: {
@@ -181,10 +181,10 @@ describe("SidebarFooter.vue", () => {
     expect(logoutItem).toBeDefined();
     await logoutItem?.trigger("click");
 
-    expect(navigateToMock).toHaveBeenCalledWith("/member/auth/logout");
+    expect(navigateToMock).toHaveBeenCalledWith("/auth/logout");
   });
 
-  it("calls navigateTo('/member/auth/login') when Log in is clicked", async () => {
+  it("calls navigateTo('/auth/login') when Log in is clicked", async () => {
     const wrapper = mount(SidebarFooterComponent, {
       props: { user: null },
       global: {
@@ -199,7 +199,7 @@ describe("SidebarFooter.vue", () => {
     expect(loginItem).toBeDefined();
     await loginItem?.trigger("click");
 
-    expect(navigateToMock).toHaveBeenCalledWith("/member/auth/login");
+    expect(navigateToMock).toHaveBeenCalledWith("/auth/login");
   });
 
   it("computes initials correctly for single name", () => {
diff --git a/tests/pages/member/auth/create-account.test.ts b/tests/pages/auth/create-account.test.ts
similarity index 97%
rename from tests/pages/member/auth/create-account.test.ts
rename to tests/pages/auth/create-account.test.ts
index 3a38b63..80adc36 100644
--- a/tests/pages/member/auth/create-account.test.ts
+++ b/tests/pages/auth/create-account.test.ts
@@ -1,6 +1,6 @@
 import { mount, flushPromises } from "@vue/test-utils";
 import { describe, it, expect, vi, beforeEach } from "vitest";
-import CreateAccountPage from "~/pages/member/auth/create-account.vue";
+import CreateAccountPage from "~/pages/auth/create-account.vue";
 
 // Mock auth client
 const authMocks = vi.hoisted(() => ({
diff --git a/tests/pages/member/auth/login.test.ts b/tests/pages/auth/login.test.ts
similarity index 98%
rename from tests/pages/member/auth/login.test.ts
rename to tests/pages/auth/login.test.ts
index 2f7a65a..65b0359 100644
--- a/tests/pages/member/auth/login.test.ts
+++ b/tests/pages/auth/login.test.ts
@@ -1,6 +1,6 @@
 import { mount, flushPromises } from "@vue/test-utils";
 import { describe, expect, it, vi, beforeEach, beforeAll, afterAll } from "vitest";
-import LoginPage from "~/pages/member/auth/login.vue";
+import LoginPage from "~/pages/auth/login.vue";
 
 // Mock the auth store
 const authStoreMocks = vi.hoisted(() => ({
diff --git a/tests/pages/member/auth/logout.test.ts b/tests/pages/auth/logout.test.ts
similarity index 97%
rename from tests/pages/member/auth/logout.test.ts
rename to tests/pages/auth/logout.test.ts
index 316b55b..400c533 100644
--- a/tests/pages/member/auth/logout.test.ts
+++ b/tests/pages/auth/logout.test.ts
@@ -1,6 +1,6 @@
 import { mount, flushPromises } from "@vue/test-utils";
 import { describe, expect, it, vi, beforeEach, beforeAll, afterAll } from "vitest";
-import LogoutPage from "~/pages/member/auth/logout.vue";
+import LogoutPage from "~/pages/auth/logout.vue";
 
 // Mock the auth store
 const mocks = vi.hoisted(() => ({
diff --git a/tests/setup.ts b/tests/setup.ts
index 860c10b..7cffe5c 100644
--- a/tests/setup.ts
+++ b/tests/setup.ts
@@ -18,6 +18,16 @@ Object.defineProperty(global, "import", {
   writable: true,
 });
 
+const breadcrumbStoreMocks = vi.hoisted(() => ({
+  setBreadcrumbs: vi.fn(),
+  addBreadcrumb: vi.fn(),
+  clear: vi.fn(),
+  items: [{ label: "Auth" }, { label: "Create Account", to: "/auth/create-account" }],
+}));
+vi.mock("~/stores/breadcrumbs", () => ({
+  useBreadcrumbStore: () => breadcrumbStoreMocks,
+}));
+
 config.global.stubs = {
   NuxtLayout: true,
   NuxtPage: true,
-- 
2.49.1


From ec8bc885fa3358f7c737774ef14b4e33ffbf7d05 Mon Sep 17 00:00:00 2001
From: Liviu Burcusel <x.liviu@gmail.com>
Date: Mon, 12 Jan 2026 13:09:40 +0100
Subject: [PATCH 5/8] Improved code coverage

---
 tests/stores/breadcrumbs.test.ts | 40 ++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 tests/stores/breadcrumbs.test.ts

diff --git a/tests/stores/breadcrumbs.test.ts b/tests/stores/breadcrumbs.test.ts
new file mode 100644
index 0000000..506fb0b
--- /dev/null
+++ b/tests/stores/breadcrumbs.test.ts
@@ -0,0 +1,40 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { createPinia, setActivePinia } from "pinia";
+import { useBreadcrumbStore } from "~/stores/breadcrumbs";
+
+vi.unmock("~/stores/breadcrumbs");
+
+describe("useBreadcrumbStore", () => {
+  beforeEach(() => {
+    setActivePinia(createPinia());
+  });
+
+  describe("init", () => {
+    it("should initialize", () => {
+      const store = useBreadcrumbStore();
+      expect(store.items.length).toEqual(0);
+    });
+
+    it("clear should remove all breadcrumbs", () => {
+      const store = useBreadcrumbStore();
+      store.addBreadcrumb({ label: "Test", to: "/test" });
+      store.clear();
+      expect(store.items.length).toEqual(0);
+    });
+
+    it("addBreadcrumb should add a breadcrumb", () => {
+      const store = useBreadcrumbStore();
+      store.addBreadcrumb({ label: "Test", to: "/test" });
+      expect(store.items.length).toEqual(1);
+    });
+
+    it("setBreadcrumbs should set breadcrumbs", () => {
+      const store = useBreadcrumbStore();
+      store.setBreadcrumbs([
+        { label: "Test", to: "/test" },
+        { label: "Test 2", to: "/test2" },
+      ]);
+      expect(store.items.length).toEqual(2);
+    });
+  });
+});
-- 
2.49.1


From 935656df028a383328960a62c9574a2735fa698a Mon Sep 17 00:00:00 2001
From: Liviu Burcusel <x.liviu@gmail.com>
Date: Mon, 12 Jan 2026 13:35:45 +0100
Subject: [PATCH 6/8] Improved code coverage

---
 app/layouts/default/Breadcrumb.vue | 4 ++--
 tests/pages/index.test.ts          | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/layouts/default/Breadcrumb.vue b/app/layouts/default/Breadcrumb.vue
index 2990d92..75482ba 100644
--- a/app/layouts/default/Breadcrumb.vue
+++ b/app/layouts/default/Breadcrumb.vue
@@ -18,14 +18,14 @@ const breadcrumbStore = useBreadcrumbStore();
       <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 || "Home" }}
+            {{ breadcrumbStore.items[i - 1]?.label }}
           </BreadcrumbLink>
         </BreadcrumbItem>
         <BreadcrumbSeparator class="hidden md:block" />
       </template>
       <BreadcrumbItem>
         <BreadcrumbPage>
-          {{ breadcrumbStore.items[breadcrumbStore.items.length - 1]?.label || "Home" }}
+          {{ breadcrumbStore.items[breadcrumbStore.items.length - 1]?.label }}
         </BreadcrumbPage>
       </BreadcrumbItem>
     </BreadcrumbList>
diff --git a/tests/pages/index.test.ts b/tests/pages/index.test.ts
index f88fbd7..e57e306 100644
--- a/tests/pages/index.test.ts
+++ b/tests/pages/index.test.ts
@@ -1,4 +1,4 @@
-import { describe, expect, it, beforeEach } from "vitest";
+import { beforeEach, describe, expect, it } from "vitest";
 import { mount, type VueWrapper } from "@vue/test-utils";
 import IndexPage from "~/pages/index.vue";
 
-- 
2.49.1


From 52676573744fc4dbb217c4588eaf15b545f07509 Mon Sep 17 00:00:00 2001
From: Liviu Burcusel <x.liviu@gmail.com>
Date: Mon, 12 Jan 2026 13:49:44 +0100
Subject: [PATCH 7/8] Fixed hydration warnings

---
 app/layouts/default/Breadcrumb.vue | 34 ++++++++++++++++--------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/app/layouts/default/Breadcrumb.vue b/app/layouts/default/Breadcrumb.vue
index 75482ba..c4232a0 100644
--- a/app/layouts/default/Breadcrumb.vue
+++ b/app/layouts/default/Breadcrumb.vue
@@ -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>
-- 
2.49.1


From ab10b3903a37a5ddfd734b0f7afcd8de001fe595 Mon Sep 17 00:00:00 2001
From: Liviu Burcusel <x.liviu@gmail.com>
Date: Mon, 12 Jan 2026 14:22:03 +0100
Subject: [PATCH 8/8] Improved code coverage

---
 tests/shared/utils/auth-client.test.ts | 23 ++++++++++++++++
 tests/shared/utils/env.test.ts         | 36 ++++++++++++++++++++++++++
 2 files changed, 59 insertions(+)
 create mode 100644 tests/shared/utils/auth-client.test.ts
 create mode 100644 tests/shared/utils/env.test.ts

diff --git a/tests/shared/utils/auth-client.test.ts b/tests/shared/utils/auth-client.test.ts
new file mode 100644
index 0000000..2678c11
--- /dev/null
+++ b/tests/shared/utils/auth-client.test.ts
@@ -0,0 +1,23 @@
+import { describe, expect, it, vi } from "vitest";
+
+import { authClient } from "#shared/utils/auth-client";
+import { createAuthClient } from "better-auth/vue";
+
+const vars = vi.hoisted(() => ({
+  mockAuthClient: {
+    signIn: vi.fn(),
+    signUp: vi.fn(),
+    signOut: vi.fn(),
+  },
+}));
+
+vi.mock("better-auth/vue", () => ({
+  createAuthClient: vi.fn(() => vars.mockAuthClient),
+}));
+
+describe("auth-client utility", () => {
+  it("should create and export the auth client", () => {
+    expect(createAuthClient).toHaveBeenCalled();
+    expect(authClient).toBe(vars.mockAuthClient);
+  });
+});
diff --git a/tests/shared/utils/env.test.ts b/tests/shared/utils/env.test.ts
new file mode 100644
index 0000000..a7fcced
--- /dev/null
+++ b/tests/shared/utils/env.test.ts
@@ -0,0 +1,36 @@
+/* eslint-disable node/no-process-env */
+import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
+import { z } from "zod";
+
+describe("shared/utils/env", () => {
+  const originalEnv = process.env;
+
+  beforeEach(() => {
+    vi.resetModules();
+    process.env = { ...originalEnv };
+    process.env.NODE_ENV = "test";
+    process.env.DATABASE_URL = "postgres://localhost:5432/db";
+    process.env.BETTER_AUTH_SECRET = "secret";
+    process.env.BETTER_AUTH_URL = "http://localhost:3000";
+  });
+
+  afterEach(() => {
+    process.env = originalEnv;
+  });
+
+  it("should validate and export variables when all required variables are present", async () => {
+    const env = (await import("#shared/utils/env")).default;
+
+    expect(env).toEqual({
+      NODE_ENV: "test",
+      DATABASE_URL: "postgres://localhost:5432/db",
+      BETTER_AUTH_SECRET: "secret",
+      BETTER_AUTH_URL: "http://localhost:3000",
+    });
+  });
+
+  it("should throw an error if NODE_ENV is missing", async () => {
+    delete process.env.NODE_ENV;
+    await expect(import("#shared/utils/env")).rejects.toThrow(z.ZodError);
+  });
+});
-- 
2.49.1