liveh5-nuxt/app/plugins/i18n.ts
xingyy 107966dabc feat(app): 添加暗黑模式支持并优化主题样式
- 新增暗黑模式支持,使用 colorMode 模块管理主题切换
- 添加全局样式和默认主题样式文件
- 优化 app.vue 中的样式和布局
- 更新 i18n 插件配置,使用 TypeScript 类型
- 调整 nuxt.config.js 中的模块顺序和配置
2025-01-23 14:59:20 +08:00

31 lines
760 B
TypeScript

import type { Locale as TypeLocale } from '#i18n'
import { Locale } from 'vant'
import enUS from 'vant/es/locale/lang/en-US'
import zhCN from 'vant/es/locale/lang/zh-CN'
import jaJP from 'vant/es/locale/lang/ja-JP'
import zhTW from 'vant/es/locale/lang/zh-TW'
export default defineNuxtPlugin(() => {
// 载入 vant 语言包
Locale.use('zh-CN', zhCN)
Locale.use('en-US', enUS)
Locale.use('ja-JP', jaJP)
Locale.use('zh-TW', zhTW)
if (import.meta.client) {
const i18n = useNuxtApp().$i18n
const { setLocale } = i18n
const lang = localStorage.getItem('lang')
if (lang) {
setLocale(lang as TypeLocale)
Locale.use(lang)
}
else {
setLocale(i18n.locale.value)
Locale.use(i18n.locale.value)
}
}
})