<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,
});

// ✅ 使用通用 SEO 配置
useSeoSetup({
  titles: {
    zh: "网站地图 | 全站导航索引 | FiEE",
    en: "Site Map | Complete Navigation Index | FiEE",
    ja: "サイトマップ | 完全なナビゲーションインデックス | FiEE",
    "zh-TW": "網站地圖 | 全站導航索引 | FiEE",
  },
  descriptions: {
    zh: "查看FiEE官方网站的完整网站地图，包含所有页面、栏目和功能模块的结构化导航索引。快速找到您需要的信息。",
    en: "View complete site map of FiEE official website, including structured navigation index of all pages, sections and features. Quickly find the information you need.",
    ja: "FiEE公式ウェブサイトの完全なサイトマップを表示します。すべてのページ、セクション、機能の構造化されたナビゲーションインデックスが含まれます。必要な情報を素早く見つけてください。",
    "zh-TW":
      "查看FiEE官方網站的完整網站地圖，包含所有頁面、欄目和功能模塊的結構化導航索引。快速找到您需要的信息。",
  },
  ogImage: "/logo.png",
  pageType: "website",
});
</script>

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