<script setup lang="ts">
import zhCN from '~~/i18n/locales/zh.json';
import enUS from '~~/i18n/locales/en.json';

const { locale } = useI18n();

useHead({
  htmlAttrs: {
    lang: () => (locale.value === 'zh' ? 'zh-CN' : 'en-US')
  }
});

// 根据当前语言动态设置页面标题
const head = useLocaleHead({
  addDirAttribute: true,
  identifierAttribute: 'id',
  addSeoAttributes: 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>
