58 lines
1.5 KiB
Vue
58 lines
1.5 KiB
Vue
<template>
|
|
<div>
|
|
<!-- SEO 组件 -->
|
|
<Seo />
|
|
|
|
<el-config-provider :value-on-clear="() => null" :locale="locale">
|
|
<NuxtLayout>
|
|
<NuxtPage />
|
|
</NuxtLayout>
|
|
</el-config-provider>
|
|
|
|
<!-- 百度统计组件 -->
|
|
<BaiduAnalytics />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
// @ts-ignore
|
|
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
|
|
// @ts-ignore
|
|
import en from 'element-plus/dist/locale/en.mjs'
|
|
import type { Language } from 'element-plus/es/locale'
|
|
import { onMounted, computed } from 'vue'
|
|
import { initDark, getDark } from './utils/dark'
|
|
import { useHead } from 'nuxt/app'
|
|
|
|
// modules import mark, Please do not remove.
|
|
import { useSystemStore } from './stores/system'
|
|
import { useMemberStore } from './stores/member'
|
|
|
|
const systemStore = useSystemStore()
|
|
const locale = computed(() => (systemStore.lang === 'zh-cn' ? zhCn : en))
|
|
|
|
// 在服务器端渲染时就设置正确的 dark 类
|
|
useHead({
|
|
htmlAttrs: {
|
|
class: getDark() ? 'dark' : ''
|
|
}
|
|
})
|
|
|
|
// 仅在客户端执行，避免 SSR 时清空持久化的 token
|
|
if (import.meta.client) {
|
|
const memberStore = useMemberStore()
|
|
// 如果有 token 但没有 refreshToken（比如旧数据），清除它
|
|
if (memberStore.token && !memberStore.refreshToken) {
|
|
memberStore.token = ''
|
|
}
|
|
}
|
|
|
|
onMounted(async () => {
|
|
await systemStore.getSiteInfoFn()
|
|
// 初始化语言设置
|
|
systemStore.initLanguage()
|
|
// 初始化暗黑模式（确保客户端与服务器端保持一致）
|
|
initDark()
|
|
})
|
|
</script>
|