eafonyang
50 lines
1.4 KiB
Vue
50 lines
1.4 KiB
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
|
||
});
|
||
|
||
// Favicon（来自 dashboard 站点信息，站点数据异步加载完成后动态注入；/uploads/... 相对路径已由数据层解析）
|
||
const faviconHref = computed(() => siteStore.site?.favicon_url || '');
|
||
const faviconType = computed(() => {
|
||
if (faviconHref.value.endsWith('.svg')) return 'image/svg+xml';
|
||
if (faviconHref.value.endsWith('.png')) return 'image/png';
|
||
if (faviconHref.value.endsWith('.ico')) return 'image/x-icon';
|
||
return '';
|
||
});
|
||
|
||
useHead({
|
||
title: () => (locale.value === 'zh' ? zhCN.app.name : enUS.app.name),
|
||
htmlAttrs: head.value.htmlAttrs,
|
||
link: () => [
|
||
...(head.value.link || []),
|
||
...(faviconHref.value ? [{ rel: 'icon' as const, type: faviconType.value || undefined, href: faviconHref.value }] : [])
|
||
],
|
||
meta: [...(head.value.meta || [])]
|
||
});
|
||
</script>
|
||
|
||
<template>
|
||
<NuxtLayout>
|
||
<NuxtPage />
|
||
</NuxtLayout>
|
||
</template>
|