From f7519f32b3ddf075002b7046657f52deb72c903a Mon Sep 17 00:00:00 2001
From: Wroclaw <wroclaw223@outlook.com>
Date: Tue, 12 Dec 2023 16:17:21 +0100
Subject: [PATCH] nav: select automatically current page when visiting first
 time

for example after refresh, or when component gets loaded
---
 components/navigation/navigation.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/navigation/navigation.vue b/components/navigation/navigation.vue
index 6e5a674..e001d88 100644
--- a/components/navigation/navigation.vue
+++ b/components/navigation/navigation.vue
@@ -1,10 +1,13 @@
 <script setup>
 import { useDisplay } from "vuetify/lib/framework.mjs";
 import { ref } from "vue";
-import { navigateTo } from "#app";
+import { navigateTo, useRoute } from "#app";
+
+const route = useRoute();
 
 const { mobile } = useDisplay();
 const navOpen = ref(!mobile.value);
+const navSelected = ref([route.path]);
 </script>
 
 <template>
@@ -13,7 +16,7 @@ const navOpen = ref(!mobile.value);
     <VToolbarTitle>Database Project</VToolbarTitle>
   </VAppBar>
   <VNavigationDrawer v-model="navOpen" :temporary="mobile">
-    <VList density="compact" nav>
+    <VList v-model:selected="navSelected" density="compact" nav>
       <VListItem prepend-icon="mdi-login" title="Login" value="/login" @click="navigateTo('/login')" />
       <VListItem prepend-icon="mdi-account" title="Clients" value="/clients" @click="navigateTo('/clients')" />
       <VDivider />