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

// ✅ 使用通用 SEO 配置
useSeoSetup({
  titles: {
    zh: "SEC监管文件 | 官方财务披露 | FiEE",
    en: "SEC Regulatory Filings | Official Financial Disclosures | FiEE",
    ja: "SEC規制文書 | 公式財務開示 | FiEE",
    "zh-TW": "SEC監管文件 | 官方財務披露 | FiEE",
  },
  descriptions: {
    zh: "查看所有FiEE向美国证券交易委员会(SEC)提交的监管文件，包括10-K年报、10-Q季报和8-K重大事件报告。完整的官方财务披露文档。",
    en: "View all FiEE regulatory filings submitted to the SEC, including Forms 10-K annual reports, 10-Q quarterly reports, and 8-K material events. Complete official disclosures.",
    ja: "10-K年次報告書、10-Q四半期報告書、8-K重要事象報告を含む、FiEEの米国証券取引委員会(SEC)への提出書類をすべてご覧ください。完全な公式財務開示書類。",
    "zh-TW":
      "查看所有FiEE向美國證券交易委員會(SEC)提交的監管文件，包括10-K年報、10-Q季報和8-K重大事件報告。完整的官方財務披露文檔。",
  },
  ogImage: "/assets/image/og-sec.png",
  pageType: "website",
});
</script>

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