From 54907d6eec374f9ad35bfb148679f4e9fa2b7dfe Mon Sep 17 00:00:00 2001
From: Wroclaw <wroclaw223@outlook.com>
Date: Thu, 21 Dec 2023 03:39:47 +0100
Subject: [PATCH] components/navigation/navigation: actually watch for route
 changes

the useRoute() did not return ref,
so the previous implementation did not work
---
 components/navigation/navigation.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/navigation/navigation.vue b/components/navigation/navigation.vue
index f981960..33dce92 100644
--- a/components/navigation/navigation.vue
+++ b/components/navigation/navigation.vue
@@ -1,16 +1,16 @@
 <script setup>
 import { useDisplay, useTheme } from "vuetify/lib/framework.mjs";
 import { ref, watch } from "vue";
-import { navigateTo, useRoute } from "#app";
+import { navigateTo, useRouter } from "#app";
 
-const route = useRoute();
+const route = useRouter().currentRoute;
 
 const { mobile } = useDisplay();
 const navOpen = ref(!mobile.value);
-const navSelected = ref([route.path]);
+const navSelected = ref([route.value.path]);
 
 watch(route, (v) => {
-  navSelected.value = [route.path];
+  navSelected.value = [v.path];
 });
 
 const theme = useTheme();