Fix: 修正国际化构建Bug(大概
This commit is contained in:
23
app/app.vue
23
app/app.vue
@ -1,7 +1,24 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<NuxtLayout>
|
<el-config-provider :locale="elementPlusLocale">
|
||||||
<NuxtPage />
|
<NuxtLayout>
|
||||||
</NuxtLayout>
|
<NuxtPage />
|
||||||
|
</NuxtLayout>
|
||||||
|
</el-config-provider>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</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>
|
</el-link>
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<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-item command="en">English</el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</template>
|
</template>
|
||||||
@ -51,7 +51,7 @@ const handleSearch = () => {
|
|||||||
if (searchQuery.value.trim()) {
|
if (searchQuery.value.trim()) {
|
||||||
// 这里可以添加搜索逻辑,例如导航到搜索结果页面
|
// 这里可以添加搜索逻辑,例如导航到搜索结果页面
|
||||||
console.log('Searching for:', searchQuery.value);
|
console.log('Searching for:', searchQuery.value);
|
||||||
// 示例:导航到搜索结果页面
|
// 示例:导航到搜索结果页面
|
||||||
// router.push({ path: '/search', query: { q: 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: {
|
i18n: {
|
||||||
|
detectBrowserLanguage: {
|
||||||
|
useCookie: true,
|
||||||
|
cookieKey: 'i18n_redirected',
|
||||||
|
redirectOn: 'root'
|
||||||
|
},
|
||||||
locales: [
|
locales: [
|
||||||
{ code: 'en', language: 'en-US', name: 'English', file: 'en.json' },
|
{ code: 'en', language: 'en-US', name: 'English', file: 'en.json' },
|
||||||
{ code: 'zh', language: 'zh-CN', name: '简体中文', file: 'zh.json' },
|
{ code: 'zh', language: 'zh-CN', name: '简体中文', file: 'zh.json' },
|
||||||
],
|
],
|
||||||
defaultLocale: 'zh',
|
defaultLocale: 'zh',
|
||||||
|
langDir: 'locales'
|
||||||
},
|
},
|
||||||
|
|
||||||
modules: [
|
modules: [
|
||||||
|
|||||||
Reference in New Issue
Block a user