eafonyang
38 lines
854 B
Vue
38 lines
854 B
Vue
<script setup lang="ts">
|
||
import zhCN from '~~/i18n/locales/zh.json';
|
||
import enUS from '~~/i18n/locales/en.json';
|
||
|
||
const { locale } = useI18n();
|
||
|
||
// 应用启动时拉取全局站点配置（导航/页脚/社交/i18n 词条/产品）
|
||
const siteStore = useSiteStore();
|
||
siteStore.init();
|
||
|
||
useHead({
|
||
htmlAttrs: {
|
||
lang: () => (locale.value === 'zh' ? 'zh-CN' : 'en-US')
|
||
}
|
||
});
|
||
|
||
// 根据当前语言动态设置页面标题
|
||
// i18n v10：useLocaleHead 选项为 { lang, dir, seo }（均默认 true）
|
||
const head = useLocaleHead({
|
||
lang: true,
|
||
dir: true,
|
||
seo: true
|
||
});
|
||
|
||
useHead({
|
||
title: () => (locale.value === 'zh' ? zhCN.app.name : enUS.app.name),
|
||
htmlAttrs: head.value.htmlAttrs,
|
||
link: [...(head.value.link || [])],
|
||
meta: [...(head.value.meta || [])]
|
||
});
|
||
</script>
|
||
|
||
<template>
|
||
<NuxtLayout>
|
||
<NuxtPage />
|
||
</NuxtLayout>
|
||
</template>
|