34 lines
539 B
Vue
34 lines
539 B
Vue
<template>
|
|
<div id="app">
|
|
<router-view />
|
|
<theme-picker />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import ThemePicker from "@/components/ThemePicker"
|
|
|
|
export default {
|
|
name: "App",
|
|
components: { ThemePicker },
|
|
computed: {
|
|
sideTheme() {
|
|
return this.$store.state.settings.sideTheme
|
|
}
|
|
},
|
|
watch: {
|
|
sideTheme: {
|
|
immediate: true,
|
|
handler(val) {
|
|
document.documentElement.setAttribute('data-theme', val)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style scoped>
|
|
#app .theme-picker {
|
|
display: none;
|
|
}
|
|
</style>
|