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();