web-class-frontend/app/app.vue

22 lines
446 B
Vue

<template>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</template>
<script setup lang="ts">
const colorMode = useColorMode();
useHead({
title: `Lichx's WebClass`,
});
onMounted(() => {
watchEffect(() => {
if (colorMode.value === 'dark') {
document.documentElement.setAttribute('theme-mode', 'dark');
} else {
document.documentElement.removeAttribute('theme-mode');
}
});
});
</script>