20 lines
398 B
Vue
20 lines
398 B
Vue
|
<template>
|
||
|
|
<NuxtLayout>
|
||
|
|
<NuxtPage />
|
||
|
|
</NuxtLayout>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
const colorMode = useColorMode();
|
||
|
|
|
||
|
|
onMounted(() => {
|
||
|
|
watchEffect(() => {
|
||
|
|
if (colorMode.value === 'dark') {
|
||
|
|
document.documentElement.setAttribute('theme-mode', 'dark');
|
||
|
|
} else {
|
||
|
|
document.documentElement.removeAttribute('theme-mode');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|