feat(content): add draft support for content collections

This commit introduces a draft system for the 'events' and 'news' collections. A `draft` boolean field has been added to the content schema, and frontend queries are now updated to only fetch and
display content where `draft` is `false`. This allows content to be created and saved without being publicly visible, improving the publishing workflow.

app/assets/css/main.css

@@ -7,3 +7,7 @@
   --color-primary: #fb9e3a;
   --color-secondary: #fcef91;
 }
+
+.dark {
+  --color-gray-800: oklch(85% 0 275);
+}

app/components/index/Events.vue

@@ -31,7 +31,11 @@
 
 <script lang="ts" setup>
 const { data: events } = await useAsyncData("events", () =>
-  queryCollection("events").order("date", "DESC").limit(3).all()
+  queryCollection("events")
+    .where("draft", "=", false)
+    .order("date", "DESC")
+    .limit(3)
+    .all()
 );
 </script>
 

app/pages/events/[slug].vue

@@ -1,24 +1,15 @@
 <template>
-  <div class="min-h-screen bg-white">
-    <!-- 装饰性背景元素（浅色柔和光晕） -->
-    <div class="fixed inset-0 overflow-hidden pointer-events-none">
-      <div class="absolute -top-40 -right-40 w-80 h-80 bg-blue-100/40 rounded-full blur-3xl"></div>
-      <div class="absolute -bottom-40 -left-40 w-80 h-80 bg-purple-100/40 rounded-full blur-3xl"></div>
-      <div
-        class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-cyan-100/40 rounded-full blur-3xl">
-      </div>
-    </div>
-
+  <div class="min-h-screen">
     <section class="relative py-16 px-4 sm:px-6 lg:px-8">
       <div class="container mx-auto max-w-4xl">
         <!-- 内容卡片 -->
         <div class="relative">
           <!-- 卡片装饰边框（浅色渐变） -->
-          <div class="absolute inset-0 bg-gradient-to-r from-blue-100 to-purple-100 rounded-2xl blur-sm"></div>
+          <!-- <div class="absolute inset-0 bg-linear-to-r from-blue-100 to-purple-100 rounded-2xl blur-sm"></div> -->
 
-          <div class="relative bg-white rounded-xl border border-gray-200 shadow-xl overflow-hidden">
+          <div class="relative rounded-xl border border-gray-200 shadow-xl overflow-hidden">
             <!-- 顶部装饰条（明亮渐变） -->
-            <div class="h-1 bg-gradient-to-r from-blue-400 via-purple-400 to-cyan-400"></div>
+            <div class="h-1 bg-linear-to-r from-blue-400 via-purple-400 to-cyan-400"></div>
 
             <div class="p-8 sm:p-10 lg:p-12">
               <!-- 内容渲染器 -->

app/pages/events/index.vue

@@ -12,7 +12,11 @@
 import type { ChangelogVersionProps } from "@nuxt/ui";
 
 const { data: events } = await useAsyncData("events", () =>
-  queryCollection("events").order("date", "DESC").limit(3).all()
+  queryCollection("events")
+    .where("draft", "=", false)
+    .order("date", "DESC")
+    .limit(3)
+    .all()
 );
 
 // 将 news 数据转换成 UBlogPosts 可用格式

content.config.ts

@@ -12,6 +12,7 @@ export default defineContentConfig({
         date: z.coerce.date(),
         location: z.string(),
         cover: z.string().url(),
+        draft: z.boolean().optional().default(false)
       }),
     }),
     // 新闻集合
@@ -31,6 +32,7 @@ export default defineContentConfig({
         seoTitle: z.string().optional(),
         seoDescription: z.string().optional(),
         ogImage: z.string().optional(),
+        draft: z.boolean().optional().default(false)
       }),
     }),
     // 名人堂

content/events/20251115-graduation-ceremony-60.md

@@ -0,0 +1,113 @@
+---
+title: "永平中学第 60 届毕业典礼"
+subtitle: "暨初中第 67 届毕业典礼"
+date: "2025-11-15"
+location: "永平中学邱廉书礼堂"
+# cover: "/events/20250927-return-to-school/event-photo-1.jpg"
+draft: false
+
+# SEO 主要字段
+description: "永平中学高中第 60 届与初中第 67 届毕业典礼圆满举行，师生与家长齐聚邱廉书礼堂，共同见证学子的重要里程碑，并向荣休教师刘连升老师致以诚挚祝福。"
+keywords:
+  - 永平中学
+  - 毕业典礼
+  - 高中第60届
+  - 初中第67届
+  - 校园活动
+  - 刘连升老师
+  - 永中校友会
+
+# Open Graph / Facebook
+og:
+  title: "永平中学第 60 届毕业典礼｜初中第 67 届毕业典礼"
+  description: "2025 年永平中学毕业典礼隆重举行，包含师长致辞、奖学金颁发、荣休老师欢送，以及学生精彩演出等精彩环节。"
+#   image: "/events/20250927-return-to-school/event-photo-1.jpg"
+  type: "article"
+
+# Twitter 卡片
+twitter:
+  card: "summary_large_image"
+  title: "永平中学第 60 届毕业典礼"
+  description: "永平中学 2025 毕业典礼精彩回顾：致辞、演出、奖学金颁发与荣休教师表扬。"
+#   image: "/events/20250927-return-to-school/event-photo-1.jpg"
+
+# 文章结构化数据（可选，Nuxt SEO module 会自动识别）
+structuredData:
+  "@type": "NewsArticle"
+  headline: "永平中学第 60 届毕业典礼圆满举行"
+#   image: "/events/20250927-return-to-school/event-photo-1.jpg"
+  datePublished: "2025-11-15"
+  author:
+    "@type": "Organization"
+    name: "永平中学校友会"
+  publisher:
+    "@type": "Organization"
+    name: "永平中学"
+    logo:
+      "@type": "ImageObject"
+      url: "/logo.png"
+---
+
+# 永平中学高中第 60 届、初中第 67 届毕业典礼圆满举行
+
+2025 年 11 月 15 日，永平中学邱廉书礼堂见证了一个充满祝福与感动的重要时刻：高中第 60 届与初中第 67 届毕业典礼隆重举行。礼堂内座无虚席，毕业生、家长、师长与嘉宾齐聚一堂，共同庆祝学子们学习旅程的重要里程碑。
+
+经过六年的努力与成长，高三学生正式迎来人生的新阶段；初三毕业生亦迈向更高层次的挑战。典礼在庄严的国州歌声中启幕，掀开充满意义的一天。
+
+## 董事长马彣清博士致词（由代表宣读）
+
+因公务繁忙未克出席，马彣清董事长由董事会秘书长黄仰力董事代表致辞。他转达董事长的寄语：“成功从来不是侥幸，而是毅力不断累积的成果。” 同时肯定毕业生在求学路上的坚持，并勉励他们继续以积极态度面对未来。
+
+## 张嘉群校长三项叮咛：以品格与眼界开创未来
+
+张嘉群校长在致辞中寄语毕业生，并提出三项叮咛，期许他们在往后的道路上继续发光发热：
+
+### 叮咛一：永怀初心
+
+* 保持对学习的好奇与热情
+* 无论未来走得多远，都不要忘记自己最初的信念
+
+### 叮咛二：中正致远
+
+* 既要正直谦和，也要坚守原则
+* 不只追求速度，更追求稳健与长远
+
+### 叮咛三：站在巨人肩膀上成为巨人
+
+* 以董事、父母与师长为榜样
+* 持续成长，努力成为对国家、社会与家庭有贡献的人才
+
+## 柔佛州董联会主席兼校务顾问陈大锦先生致辞
+
+陈大锦先生分享了他访问上海中医药大学的见闻，特别是该校完善的奖助学金制度。他希望本校辅导处与升学资讯处能协助学生把握机会，踊跃申请明年 9 月开课的相关奖学金，为升学之路开拓更多可能。
+
+## 欢送刘连升老师光荣荣休
+
+在典礼上，校方特别举行了“欢送刘连升老师荣休”环节，为这位服务永平中学 35 年、深受师生爱戴的资深教师献上诚挚祝福。
+
+刘连升老师在任职期间，以其和蔼可亲的性格与渊博的历史知识，陪伴无数学生走过求学阶段。他不仅课堂上“聊古论今”，从古代帝王先烈谈到世界变迁，更在课余时与学生畅谈时事，从传统文化一路聊到新兴科技与 AI 技术，是学生眼中既严谨又风趣的良师益友。
+
+许多毕业生回忆，与刘老师的关系早已超越师生，成为无话不谈的朋友。他的教学风格温和细腻，待人真诚，使无数学子在成长路上深受启发。
+
+典礼现场气氛温馨感人，全体与会者向刘老师献上热烈掌声，感谢他 35 年来在校园里的付出与贡献。校方也祝愿刘老师退休生活悠然自得、健康安康，继续以他的人生智慧照亮身边的人。
+
+## 颁发董事长设立的奖学金
+
+典礼上同步进行董事长设立的各项奖学金颁发仪式，以表扬在学业、操行与综合表现上有卓越成绩的学生。
+（详见图集）
+
+## 特别演出：永中之星冠军林妤桐献唱
+
+在典礼进入高潮之前，校方安排了一场温馨惊喜表演 —— 第一届“永中之星”冠军、来自初三诚的林妤桐学妹献唱两首歌曲：《Forever Young》以及《凤凰花开的路口》。她以清亮而富感染力的歌声，向高三学长姐献上最真挚的祝福，也为典礼增添一份青春与深情的色彩。
+
+## 高三教师团队呈献毕业回忆视频
+
+随后，由高三各班班导师亲自策划的毕业回忆视频在礼堂大屏幕播出。画面记录了学生们在校园中的点点滴滴，从努力备考到日常生活，从欢笑到奋斗，皆在此刻化为珍贵回忆。
+
+校方希望学生们在未来面对困难与挫折时，也能记起这份勇敢、乐观与纯真，继续向前迈进。
+
+## 歌声中道别，在掌声中启航
+
+典礼尾声，高三毕业生深情演唱《再见》，而初三与高三学生共同合唱《毕业歌》，歌声回荡礼堂，为今年的毕业典礼写下温馨句点。现场气氛在歌声中变得格外动人，许多毕业生眼眶泛红，纷纷表示将铭记这一刻。
+
+上午 11 时正，典礼圆满结束。为感谢师生与来宾的参与，马彣清董事长特别准备了供 600 人享用的自助餐，设宴于礼堂楼下。现场气氛融洽温馨。同时，本校友会也成功招收 14 名新会员，为未来的发展注入新的力量。

nuxt.config.ts

@@ -5,12 +5,12 @@ export default defineNuxtConfig({
   compatibilityDate: "2025-07-15",
   devtools: { enabled: true },
   modules: [
+    "@nuxtjs/seo",
     "@nuxt/ui",
     "@nuxt/content",
     "@nuxt/image",
     "reka-ui/nuxt",
     "@nuxtjs/robots",
-    "@nuxtjs/seo",
     "@nuxtjs/sitemap",
   ],
   css: ["~/assets/css/main.css"],