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

const size375 = defineAsyncComponent(() =>
  import("@/views/press-releases/index.vue")
);
const size768 = defineAsyncComponent(() =>
  import("@/views/press-releases/index.vue")
);
const size1440 = defineAsyncComponent(() =>
  import("@/views/press-releases/index.vue")
);
const size1920 = defineAsyncComponent(() =>
  import("@/views/press-releases/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: "Press Releases | Corporate Announcements & Media | FiEE",
    ja: "プレスリリース | 企業発表とメディア情報 | FiEE",
    "zh-TW": "新聞稿 | 公司公告與媒體資訊 | FiEE",
  },
  descriptions: {
    zh: "获取FiEE的官方企业新闻、媒体公告和新闻稿。了解公司最新动态、业绩发布和重要声明。",
    en: "Access official corporate news, media announcements, and press releases from FiEE. Stay informed about company updates, earnings and major announcements.",
    ja: "FiEEの公式企業ニュース、メディア発表、プレスリリースにアクセスします。企業の最新情報、業績発表、重要な声明をご確認ください。",
    "zh-TW":
      "獲取FiEE的官方企業新聞、媒體公告和新聞稿。了解公司最新動態、業績發布和重要聲明。",
  },
  ogImage: "/assets/image/og-press.png",
  pageType: "website",
});

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

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