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

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

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

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

const seoTitles = {
  zh: "管理团队 | 领导层 | FiEE",
  en: "Management Team | Leadership | FiEE",
  ja: "経営陣 | リーダーシップ | FiEE",
  "zh-TW": "管理團隊 | 領導層 | FiEE",
};

const seoDescriptions = {
  zh: "了解经验丰富的高管团队，他们正引领FiEE走向可持续发展的未来。",
  en: "Learn about the experienced executive management team leading FiEE towards a sustainable future.",
  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>




