Fix: 修正国际化构建Bug(大概

This commit is contained in:
2025-08-14 14:23:06 +08:00
parent 2fa89460eb
commit 775ff17fda
4 changed files with 33 additions and 5 deletions

View File

@ -1,7 +1,24 @@
<template>
<div>
<el-config-provider :locale="elementPlusLocale">
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</el-config-provider>
</div>
</template>
<script setup lang="ts">
import { ElConfigProvider } from 'element-plus';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
import en from 'element-plus/es/locale/lang/en';
const { locale } = useI18n();
const elementPlusLocales = {
'zh': zhCn,
'en': en,
}
const elementPlusLocale = computed(() => elementPlusLocales[locale.value] || zhCn);
</script>

View File

@ -31,7 +31,7 @@ v-model="searchQuery" class="search-input" :placeholder="$t('search-placeholder'
</el-link>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item command="zh">中文</el-dropdown-item>
<el-dropdown-item command="zh">简体中文</el-dropdown-item>
<el-dropdown-item command="en">English</el-dropdown-item>
</el-dropdown-menu>
</template>
@ -51,7 +51,7 @@ const handleSearch = () => {
if (searchQuery.value.trim()) {
// 这里可以添加搜索逻辑,例如导航到搜索结果页面
console.log('Searching for:', searchQuery.value);
// 示例:导航到搜索结果页面
// 示例:导航到搜索结果页面
// router.push({ path: '/search', query: { q: searchQuery.value } });
}
}

5
i18n/i18n.config.ts Normal file
View File

@ -0,0 +1,5 @@
export default defineI18nConfig(() => ({
legacy: false,
locale: 'zh',
fallbackLocale: 'zh',
}))

View File

@ -55,11 +55,17 @@ export default defineNuxtConfig({
},
i18n: {
detectBrowserLanguage: {
useCookie: true,
cookieKey: 'i18n_redirected',
redirectOn: 'root'
},
locales: [
{ code: 'en', language: 'en-US', name: 'English', file: 'en.json' },
{ code: 'zh', language: 'zh-CN', name: '简体中文', file: 'zh.json' },
],
defaultLocale: 'zh',
langDir: 'locales'
},
modules: [