feat: 初始化慧遇书院官网一期

app/pages/statements/[slug].vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+const route = useRoute(); const { site, isPreview } = await useSiteDocument()
+const article = computed(() => site.value.articles.find(item => item.slug === route.params.slug && (isPreview.value ? item.status !== 'offline' : item.status === 'published') && item.type === 'statement'))
+if (!article.value) throw createError({ statusCode: 404, statusMessage: '未找到该声明' })
+useSeoMeta({ title: () => `${article.value!.title}｜${site.value.brand.name}`, description: () => article.value!.summary })
+</script>
+<template><PublicPageLayout :site="site"><article v-if="article" class="story-page statement-page"><NuxtLink class="detail-back" :to="{ path: '/statements', query: isPreview ? { preview: 'draft' } : {} }">← 返回官方声明</NuxtLink><header><p class="eyebrow">OFFICIAL STATEMENT</p><small>{{ article.statementNo }}</small><h1>{{ article.title }}</h1><p>{{ article.publishedAt }}</p></header><div class="story-body"><p class="lead">{{ article.summary }}</p><p class="long-copy">{{ article.content }}</p></div></article></PublicPageLayout></template>

app/pages/statements/index.vue

@@ -0,0 +1,6 @@
+<script setup lang="ts">
+const { site, isPreview } = await useSiteDocument()
+const statements = 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">OFFICIAL STATEMENTS</p><h1>官方声明</h1><p>统一发布重要说明，帮助访问者辨别可信信息。</p></section><section class="statement-list"><NuxtLink v-for="item in statements" :key="item.slug" :to="{ path: `/statements/${item.slug}`, query: isPreview ? { preview: 'draft' } : {} }"><div><small>{{ item.statementNo }}</small><h2>{{ item.title }}</h2><p>{{ item.summary }}</p></div><time>{{ item.publishedAt }}</time></NuxtLink></section></PublicPageLayout></template>