<script setup>
import { defineAsyncComponent } from 'vue'

const size375 = defineAsyncComponent(() => import("@/views/footerLinks/siteMap/index.vue"));
const size1920 = defineAsyncComponent(() => import("@/views/footerLinks/siteMap/index.vue"));

const { viewComponent, componentKey } = useViewSelector({
  size375,
  size1920
});

// 国际化支持
const { locale } = useI18n();

const seoTitles = {
  zh: "网站地图 | FiEE官方网站",
  en: "Site Map | FiEE Official Website",
  ja: "サイトマップ | FiEE公式ウェブサイト",
  "zh-TW": "網站地圖 | FiEE官方網站",
};

const seoDescriptions = {
  zh: "FiEE官方网站所有页面和部分的概览。",
  en: "Overview of all pages and sections available on the FiEE official website.",
  ja: "FiEE公式ウェブサイトで利用可能なすべてのページとセクションの概要。",
  "zh-TW": "FiEE官方網站所有頁面和部分的概覽。",
};

const currentLocale = locale.value;

useSeoMeta({
  title: seoTitles[currentLocale] || seoTitles.en,
  description: seoDescriptions[currentLocale] || seoDescriptions.en,
  ogTitle: seoTitles[currentLocale] || seoTitles.en,
})
</script>

<template>
  <component :is="viewComponent" :key="componentKey" />
</template>




