<template>
  <app-frame :tabs="tabs">
    <img src="https://webapp-pub.ezijing.com/www/pc/news/news.png" class="banner" />
    <template #article>
      <article-list v-bind="listOptions"></article-list>
    </template>
  </app-frame>
</template>

<script setup>
import { getArticleList } from '@/api'

const tabs = useStudyAbroadNavList()

const listOptions = computed(() => ({
  remote: {
    httpRequest: getArticleList,
    params: {
      project_ids: [
        // '25634964940156928',
        '25634688011239424',
        '6886139536666001408',
        '62110451281973248',
        // '78616692432879616',
        '147349767330201600',
        '210777554510323712',
      ],
      type_tag: 'article_news_hot',
    },
  },
  to(item) {
    return { path: `/studyAbroad/news/${item.id}` }
  },
}))
</script>
