<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
});

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

const seoTitles = {
  zh: "隐私政策 | 数据安全 | FiEE",
  en: "Privacy Policy | Your Data Security | FiEE",
  ja: "プライバシーポリシー | データセキュリティ | FiEE",
  "zh-TW": "隱私政策 | 數據安全 | FiEE",
};

const seoDescriptions = {
  zh: "阅读FiEE的隐私政策，了解我们如何收集、使用和保护您的个人信息。",
  en: "Read FiEE's privacy policy to understand how we collect, use, and protect your personal information.",
  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>




