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

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

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

const bg = usePageBackground("bg-events-calendar.png");

definePageMeta({
  layout: "default",
});

// ✅ 使用通用 SEO 配置
useSeoSetup({
  titles: {
    zh: "季度财报 | 季度业绩与财务数据 | FiEE",
    en: "Quarterly Reports | Earnings & Financial Data | FiEE",
    ja: "四半期報告書 | 四半期業績と財務データ | FiEE",
    "zh-TW": "季度財報 | 季度業績與財務數據 | FiEE",
  },
  descriptions: {
    zh: "查看FiEE的季度收益报告、财务报表、业绩亮点和管理层讨论分析。及时掌握公司最新季度运营和财务表现。",
    en: "Review FiEE's quarterly earnings reports, financial statements, performance highlights and MD&A. Stay updated on latest quarterly operations and financial performance.",
    ja: "FiEEの四半期収益報告書、財務諸表、業績ハイライト、経営陣による討議と分析をご覧ください。最新の四半期事業と財務パフォーマンスを把握してください。",
    "zh-TW":
      "查看FiEE的季度收益報告、財務報表、業績亮點和管理層討論分析。及時掌握公司最新季度運營和財務表現。",
  },
  ogImage: "/assets/image/og-quarterly.png",
  pageType: "website",
});

provide("pageBg", bg);
</script>

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