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

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

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

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

const seoTitles = {
  zh: "公司治理 | 道德与政策 | FiEE",
  en: "Corporate Governance | Ethics & Policies | FiEE",
  ja: "コーポレートガバナンス | 倫理とポリシー | FiEE",
  "zh-TW": "公司治理 | 道德與政策 | FiEE",
};

const seoDescriptions = {
  zh: "FiEE致力于最高标准的公司治理、透明度和道德行为。",
  en: "FiEE is committed to the highest standards of corporate governance, transparency, and ethical conduct.",
  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>




