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

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

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

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

const seoTitles = {
  zh: "SEC文件 | 投资者信息 | FiEE",
  en: "SEC Filings | Investor Information | FiEE",
  ja: "SEC提出書類 | 投資家情報 | FiEE",
  "zh-TW": "SEC文件 | 投資者信息 | FiEE",
};

const seoDescriptions = {
  zh: "查看所有FiEE的SEC文件，包括10-K、10-Q和8-K表格。",
  en: "View all FiEE SEC filings, including Forms 10-K, 10-Q, and 8-K.",
  ja: "10-K、10-Q、8-Kフォームを含む、FiEEのすべてのSEC提出書類をご覧ください。",
  "zh-TW": "查看所有FiEE的SEC文件，包括10-K、10-Q和8-K表格。",
};

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>




