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

const size375 = defineAsyncComponent(() =>
  import("@/views/historic-stock/index.vue")
);
const size768 = defineAsyncComponent(() =>
  import("@/views/historic-stock/index.vue")
);
const size1440 = defineAsyncComponent(() =>
  import("@/views/historic-stock/index.vue")
);
const size1920 = defineAsyncComponent(() =>
  import("@/views/historic-stock/index.vue")
);

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

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

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

// ✅ 使用通用 SEO 配置
useSeoSetup({
  titles: {
    zh: "历史股价数据 | 市场表现分析 | FiEE",
    en: "Historical Stock Price Data | Market Performance | FiEE",
    ja: "過去の株価データ | 市場パフォーマンス分析 | FiEE",
    "zh-TW": "歷史股價數據 | 市場表現分析 | FiEE",
  },
  descriptions: {
    zh: "下载并分析FiEE的历史股价数据、市场表现趋势和投资回报率。获取完整的历史财务数据用于投资研究。",
    en: "Download and analyze FiEE's historical stock price data, market performance trends and investment returns. Access comprehensive historical financial data for research.",
    ja: "FiEEの過去の株価データ、市場パフォーマンストレンド、投資収益率をダウンロードして分析します。投資研究用の包括的な過去の財務データにアクセスできます。",
    "zh-TW":
      "下載並分析FiEE的歷史股價數據、市場表現趨勢和投資回報率。獲取完整的歷史財務數據用於投資研究。",
  },
  ogImage: "/assets/image/og-historic-stock.png",
  pageType: "website",
});

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

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