pc_nuxt/app/pages/info/new/index.vue

<template>
  <ArticleListView
    :col-id="1"
    :heading="heading"
    subtitle="AI 行业新闻报道与前沿动态，第一时间了解人工智能领域发生了什么。"
    base-path="/info/new"
    :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 {
  LEGACY_DEFAULT_DESCRIPTION,
  LEGACY_DEFAULT_KEYWORDS,
  legacyPageTitle,
} from '~/composables/useLegacySeo'

const PAGE_SIZE = 10
const route = useRoute()
const page = computed(() => Number(route.params.page || route.query.page || 1))

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

const heading = computed(() => (page.value > 1 ? `前沿资讯（第 ${page.value} 页）` : '前沿资讯'))

const title = computed(() =>
  legacyPageTitle(page.value > 1 ? `AI新闻报道-第${page.value}页` : 'AI新闻报道'))

useSeoMeta({
  title,
  description: LEGACY_DEFAULT_DESCRIPTION,
  keywords: LEGACY_DEFAULT_KEYWORDS,
  ogTitle: title,
  ogType: 'website',
})
useHead({
  link: [{ rel: 'canonical', href: () => `https://tool.aionline.cc${page.value > 1 ? `/info/new${page.value}` : '/info/new'}` }],
})
</script>