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

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

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

// ✅ 使用通用 SEO 配置
useSeoSetup({
  titles: {
    zh: "FiEE：多语言数字品牌运营平台 | 物联网 | AI | 赋能全球 | KOL | 社群与内容全生命周期价值",
    en: "FiEE：Multilingual Digital Brand Operations Platform | IoT | AI | Global Enablement | KOL | Full Content Lifecycle Value",
    ja: "FiEE：多言語デジタルブランド運営プラットフォーム｜IoT｜AI｜グローバル支援｜KOL｜コンテンツライフサイクル全体の価値",
    "zh-TW":
      "FiEE：多語言數位品牌營運平台 | 物聯網 | AI | 賦能全球 | KOL | 社群與內容全生命週期價值",
  },
  descriptions: {
    zh: "FiEE多语言数字品牌运营平台依托物联网、连接性与人工智能技术，为用户解决多语言品牌打造、全球 KOL 社群培养的核心痛点，深度覆盖数字内容全生命周期，提供定制化、针对性的全球化数字品牌建设与运营赋能。",
    en: "FiEE’s multilingual digital brand operations platform leverages IoT, connectivity, and AI to solve key challenges in multilingual brand building and global KOL community cultivation, covering the full digital content lifecycle and delivering tailored, targeted global brand operations enablement.",
    ja: "FiEEの多言語デジタルブランド運営プラットフォームは、IoT・コネクティビティ・AIを活用し、多言語ブランド構築やグローバルKOLコミュニティ育成の主要課題を解決します。デジタルコンテンツのライフサイクル全体を深くカバーし、カスタマイズされた的確なグローバルブランド運営支援を提供します。",
    "zh-TW":
      "FiEE多語言數位品牌營運平台依託物聯網、連線性與人工智慧技術，解決多語言品牌打造、全球KOL社群培育的核心痛點，深度覆蓋數位內容全生命週期，提供客製化、具針對性的全球化數位品牌建置與營運賦能。",
  },
  ogImage: "/og.png",
  pageType: "website",
});
</script>

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