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

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

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

// ✅ 使用通用 SEO 配置
useSeoSetup({
  titles: {
    zh: "隐私政策 | 个人信息保护与数据安全 | FiEE",
    en: "Privacy Policy | Personal Data Protection & Security | FiEE",
    ja: "プライバシーポリシー | 個人情報保護とデータセキュリティ | FiEE",
    "zh-TW": "隱私政策 | 個人信息保護與數據安全 | FiEE",
  },
  descriptions: {
    zh: "阅读FiEE的隐私政策，详细了解我们如何收集、使用、存储和保护您的个人信息，以及您的隐私权利。我们致力于保护您的数据安全。",
    en: "Read FiEE's privacy policy to understand how we collect, use, store and protect your personal information, and learn about your privacy rights. We are committed to data security.",
    ja: "FiEEのプライバシーポリシーをお読みいただき、個人情報の収集、使用、保存、保護方法、およびプライバシー権についてご理解ください。データセキュリティに取り組んでいます。",
    "zh-TW":
      "閱讀FiEE的隱私政策，詳細了解我們如何收集、使用、存儲和保護您的個人信息，以及您的隱私權利。我們致力於保護您的數據安全。",
  },
  ogImage: "/logo.png",
  pageType: "website",
});
</script>

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