<script setup lang="ts">
const { site, isPreview } = await useSiteDocument()
const articles = computed(() => site.value.articles.filter(item => (isPreview.value ? item.status !== 'offline' : item.status === 'published') && item.type !== 'statement'))
useSeoMeta({ title: () => `品牌动态｜${site.value.brand.name}`, description: () => `${site.value.brand.name}品牌动态与媒体信息。` })
</script>
<template><PublicPageLayout :site="site"><section class="listing-hero"><p class="eyebrow">BRAND NEWS</p><h1>品牌动态</h1><p>记录品牌进展、课程信息与公开报道。</p></section><section class="article-list"><NuxtLink v-for="item in articles" :key="item.slug" :to="{ path: `/news/${item.slug}`, query: isPreview ? { preview: 'draft' } : {} }"><img :src="item.cover" :alt="item.title" width="1536" height="1024" loading="lazy" decoding="async"><div><time>{{ item.publishedAt }}</time><h2>{{ item.title }}</h2><p>{{ item.summary }}</p></div><span>→</span></NuxtLink></section></PublicPageLayout></template>
