pc_nuxt/app/pages/info/index.vue

<template>
  <ArticleListView
    :heading="heading"
    subtitle="关注 AI 在线资讯频道，了解最新的 AI 前沿信息、研究进展、应用案例与行业动态。"
    base-path="/info"
    :page="page"
    :page-size="PAGE_SIZE"
    :list="data?.list || []"
    :total="data?.total || 0"
    :hot-list="data?.hotList || []"
    :tag-list="data?.tagList || []"
    :pending="pending"
  />
</template>

<script setup>
import { useArticleData } from '~/composables/useArticle'
import { legacyPageTitle } from '~/composables/useLegacySeo'

const PAGE_SIZE = 10
const route = useRoute()

// 分页：支持 /info2（原站形式）与 /info?page=2
const page = computed(() => Number(route.params.page || route.query.page || 1))

const { data, pending } = await useArticleData({
  key: computed(() => `info-all-${page.value}`),
  page,
  pageSize: PAGE_SIZE,
})

const heading = computed(() => (page.value > 1 ? `AI 最新热点资讯（第 ${page.value} 页）` : 'AI 最新热点资讯'))

// ==================== SEO（沿用原站文案） ====================
const title = computed(() =>
  legacyPageTitle(page.value > 1 ? `AI最新热点新闻资讯-第${page.value}页` : 'AI最新热点新闻资讯'))

useSeoMeta({
  title,
  description: '关注AI在线资讯频道，了解最新的AI前沿信息，最新的AI研究进展、应用案例和行业动态',
  keywords: 'AI最新新闻、AI最新资讯、AI热点新闻',
  ogTitle: title,
  ogType: 'website',
})
useHead({
  link: [{ rel: 'canonical', href: () => `https://tool.aionline.cc${page.value > 1 ? `/info${page.value}` : '/info'}` }],
})
</script>