43 lines
1 KiB
Vue
43 lines
1 KiB
Vue
<!-- App -->
|
|
<script setup lang="ts">
|
|
// 导入通知和提示组件
|
|
import Alert from '@/components/alert/Alert.vue'
|
|
import Info from '@/components/alert/Info.vue'
|
|
|
|
import { onBeforeMount } from 'vue'
|
|
// 导入设置面板 store
|
|
import { useKUNGalgameSettingsStore } from '@/store/modules/settings'
|
|
import { storeToRefs } from 'pinia'
|
|
|
|
// 使用设置面板的 store
|
|
const settingsStore = useKUNGalgameSettingsStore()
|
|
const { showKUNGalgameMode, showKUNGalgameFontStyle } =
|
|
storeToRefs(settingsStore)
|
|
|
|
// 必须在这里调用生命周期函数，初始化主题和字体
|
|
onBeforeMount(() => {
|
|
const theme = showKUNGalgameMode.value
|
|
const font = showKUNGalgameFontStyle.value
|
|
|
|
// 恢复保存的主题状态
|
|
if (theme) {
|
|
document.documentElement.className = theme
|
|
}
|
|
// 回复保存的字体设置
|
|
if (font) {
|
|
document.documentElement.style.fontFamily = font
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<!-- 全局警告组件 -->
|
|
<Alert />
|
|
|
|
<!-- 全局通知组件 -->
|
|
<Info />
|
|
<RouterView />
|
|
</template>
|
|
|
|
<style scoped></style>
|