diff --git a/frontend/src/App.vue b/frontend/src/App.vue index 0ea0c47..674900f 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -4,14 +4,25 @@ import { computed } from 'vue' import { useI18n } from 'vue-i18n' import { NMessageProvider, NDialogProvider, NConfigProvider, - zhCN, dateZhCN, enUS, dateEnUS, + zhCN, dateZhCN, enUS, dateEnUS, jaJP, dateJaJP, } from 'naive-ui' +import type { LocaleKey } from './locales' const { locale } = useI18n() // Naive UI 组件语言与日期格式随当前语言切换 -const naiveLocale = computed(() => (locale.value === 'en-US' ? enUS : zhCN)) -const naiveDateLocale = computed(() => (locale.value === 'en-US' ? dateEnUS : dateZhCN)) +const naiveLocales: Record = { + 'zh-CN': zhCN, + 'en-US': enUS, + 'ja-JP': jaJP, +} +const naiveDateLocales: Record = { + 'zh-CN': dateZhCN, + 'en-US': dateEnUS, + 'ja-JP': dateJaJP, +} +const naiveLocale = computed(() => naiveLocales[locale.value as LocaleKey] ?? zhCN) +const naiveDateLocale = computed(() => naiveDateLocales[locale.value as LocaleKey] ?? dateZhCN)