Fix: 修正国际化构建Bug(大概
This commit is contained in:
23
app/app.vue
23
app/app.vue
@ -1,7 +1,24 @@
|
||||
<template>
|
||||
<div>
|
||||
<NuxtLayout>
|
||||
<NuxtPage />
|
||||
</NuxtLayout>
|
||||
<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>
|
||||
@ -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
5
i18n/i18n.config.ts
Normal file
@ -0,0 +1,5 @@
|
||||
export default defineI18nConfig(() => ({
|
||||
legacy: false,
|
||||
locale: 'zh',
|
||||
fallbackLocale: 'zh',
|
||||
}))
|
||||
@ -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: [
|
||||
|
||||
Reference in New Issue
Block a user