Wroclaw/WorkshopTasker
2
1
Fork 1
Code Issues Pull requests Activity Actions

components/navigation/navigation: watch for route changes
All checks were successful
Build dev / build (push) Successful in 1m3s
Details

Browse source 
and select value in nav properly
This commit is contained in:
Wroclaw 2023-12-21 03:31:33 +01:00
parent cf29c26abc
commit bcace5cbd7
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/navigation/navigation.vue
View file

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