From 4a0300d4b40ed201fe94abdc3b16a63fcd7db031 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Mon, 13 Apr 2026 11:48:27 +0100
Subject: [PATCH] Fix auth guard watcher to use Vue 3 watch instead of $watch

$watch is a Vue 2 instance method not available on Pinia stores.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 vue/src/router/index.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/vue/src/router/index.js b/vue/src/router/index.js
index eae48f3..6fa3ce8 100644
--- a/vue/src/router/index.js
+++ b/vue/src/router/index.js
@@ -1,4 +1,5 @@
 import { createRouter, createWebHistory } from "vue-router";
+import { watch } from "vue";
 import DefaultLayout from "@/layouts/DefaultLayout.vue";
 import CVLayout from "@/layouts/CVLayout.vue";
 import Landing from "@/views/landing/Landing.vue";
@@ -95,7 +96,7 @@ router.beforeEach(async (to) => {
     const homeData = useHomeDataStore();
     if (!homeData.loaded) {
         await new Promise((resolve) => {
-            const stop = homeData.$watch("loaded", (val) => {
+            const stop = watch(() => homeData.loaded, (val) => {
                 if (val) { stop(); resolve(); }
             });
         });