<script setup>
import { defineAsyncComponent } from "vue";

const size375 = defineAsyncComponent(() =>
  import("@/views/companyoverview/size375/index.vue")
);
const size768 = defineAsyncComponent(() =>
  import("@/views/companyoverview/size768/index.vue")
);
const size1440 = defineAsyncComponent(() =>
  import("@/views/companyoverview/size1440/index.vue")
);
const size1920 = defineAsyncComponent(() =>
  import("@/views/companyoverview/size1920/index.vue")
);

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

// ✅ 使用通用 SEO 配置
useSeoSetup({
  titles: {
    zh: "公司概况 | 关于FiEE | FiEE",
    en: "Company Overview | About FiEE | FiEE",
    ja: "会社概要 | FiEEについて | FiEE",
    "zh-TW": "公司概況 | 關於FiEE | FiEE",
  },
  descriptions: {
    zh: "了解FiEE的历史、使命、愿景以及我们在电子行业追求卓越的承诺。探索我们的企业文化和发展历程。",
    en: "Learn about FiEE's history, mission, vision and our commitment to excellence in the electronics industry. Explore our corporate culture and development.",
    ja: "FiEEの歴史、使命、ビジョン、およびエレクトロニクス業界における卓越性への取り組みをご覧ください。企業文化と発展をご紹介します。",
    "zh-TW":
      "了解FiEE的歷史、使命、願景以及我們在電子行業追求卓越的承諾。探索我們的企業文化和發展歷程。",
  },
  ogImage: "/assets/image/og-company.png",
  pageType: "website",
});
</script>

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