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

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

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

// ✅ 使用通用 SEO 配置
useSeoSetup({
  titles: {
    zh: "董事会成员 | 公司治理领导团队 | FiEE",
    en: "Board of Directors | Corporate Governance Leadership | FiEE",
    ja: "取締役会メンバー | コーポレートガバナンスリーダーシップ | FiEE",
    "zh-TW": "董事會成員 | 公司治理領導團隊 | FiEE",
  },
  descriptions: {
    zh: "认识FiEE董事会成员，了解他们在战略决策、公司治理和业务发展中的专业知识、经验和领导力。",
    en: "Meet the members of FiEE Board of Directors and learn about their expertise, experience and leadership in strategic decisions, governance and business development.",
    ja: "FiEE取締役会のメンバーを紹介し、戦略的意思決定、コーポレートガバナンス、事業開発における専門知識、経験、リーダーシップについて学びます。",
    "zh-TW":
      "認識FiEE董事會成員，了解他們在戰略決策、公司治理和業務發展中的專業知識、經驗和領導力。",
  },
  ogImage: "/assets/image/og-board.png",
  pageType: "website",
});
</script>

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