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

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

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

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

const seoTitles = {
  zh: "业务服务 | 企业解决方案 | FiEE",
  en: "Business Services | Solutions for Enterprise | FiEE",
  ja: "ビジネスサービス | エンタープライズソリューション | FiEE",
  "zh-TW": "業務服務 | 企業解決方案 | FiEE",
};

const seoDescriptions = {
  zh: "探索FiEE为电子市场量身定制的全面业务服务和企业解决方案。",
  en: "Discover FiEE's comprehensive business services and enterprise solutions tailored for the electronics market.",
  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>




