Zikaru/WorkshopTasker
1
0
Fork 0
forked from Wroclaw/WorkshopTasker
Code Pull requests Activity

components/navigation/navigation: actually watch for route changes

Browse source 
the useRoute() did not return ref,
so the previous implementation did not work
This commit is contained in:
Wroclaw 2023-12-21 03:39:47 +01:00
parent bcace5cbd7
commit 54907d6eec
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/navigation/navigation.vue
View file

@ -1,16 +1,16 @@
<script setup> <script setup>
import { useDisplay, useTheme } from "vuetify/lib/framework.mjs"; import { useDisplay, useTheme } from "vuetify/lib/framework.mjs";
import { ref, watch } from "vue"; 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 { mobile } = useDisplay();
const navOpen = ref(!mobile.value); const navOpen = ref(!mobile.value);
const navSelected = ref([route.path]); const navSelected = ref([route.value.path]);
watch(route, (v) => { watch(route, (v) => {
navSelected.value = [route.path]; navSelected.value = [v.path];
}); });
const theme = useTheme(); const theme = useTheme();