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

and select value in nav properly
---
 components/navigation/navigation.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/navigation/navigation.vue b/components/navigation/navigation.vue
index a55165e..f981960 100644
--- a/components/navigation/navigation.vue
+++ b/components/navigation/navigation.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { useDisplay, useTheme } from "vuetify/lib/framework.mjs";
-import { ref } from "vue";
+import { ref, watch } from "vue";
 import { navigateTo, useRoute } from "#app";
 
 const route = useRoute();
@@ -9,6 +9,10 @@ const { mobile } = useDisplay();
 const navOpen = ref(!mobile.value);
 const navSelected = ref([route.path]);
 
+watch(route, (v) => {
+  navSelected.value = [route.path];
+});
+
 const theme = useTheme();
 function switchTheme() {
   theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark';