admin/www/app/app.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>