From 2ac1428c34fb87b9465871776b7e3efdd29e297b Mon Sep 17 00:00:00 2001
From: xiaomai <xiaomai@ramatex.com.my>
Date: Sun, 2 Nov 2025 22:37:17 +0800
Subject: [PATCH] feat(members): add member ID to members list

This commit introduces a 'Member ID' column to the members table, making it the first column for easy reference.

- The member data schema and sample CSV have been updated to include the `memberId`.
- The members page now displays the `memberId` for each member.
- Additionally, a version query string has been added to the hero image URL to force a cache refresh.
---
 app/pages/index.vue                |  2 +-
 app/pages/members/index.vue        | 13 +++++++++----
 content.config.ts                  |  1 +
 content/members/members-sample.csv |  2 +-
 nuxt.config.ts                     |  4 ++--
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index 12b9854..cd68686 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -4,7 +4,7 @@
     <UPageHero
       class="bg-cover bg-center"
       style="
-        background-image: url(&quot;/hero-image-2.jpg&quot;);
+        background-image: url(&quot;/hero-image-2.jpg?v=2&quot;);
         background-position-y: -40px;
         background-repeat: no-repeat;
         background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent black */
diff --git a/app/pages/members/index.vue b/app/pages/members/index.vue
index 0aaa2a5..e3ac942 100644
--- a/app/pages/members/index.vue
+++ b/app/pages/members/index.vue
@@ -15,16 +15,17 @@ import { z } from "zod";
 
 useSeoMeta({
   title: "会员总览",
-  description: "永平中学校友会会员总览，查询每位校友的毕业年份、届别、加入年份与现居国家。",
+  description:
+    "永平中学校友会会员总览，查询每位校友的毕业年份、届别、加入年份与现居国家。",
   keywords: "永平中学校友会, 校友会员, 毕业届别, 会员名录, 校友查询",
   ogTitle: "永平中学校友会会员总览",
-  ogDescription:
-    "浏览永平中学校友会会员资料，了解各届校友的分布与加入年份。",
+  ogDescription: "浏览永平中学校友会会员资料，了解各届校友的分布与加入年份。",
   // ogImage: "/members/ogImage.png",
   ogType: "website",
-})
+});
 
 const MemberSchema = z.object({
+  memberId: z.string(),
   chineseName: z.string(),
   englishName: z.string(),
   // ic: z.string(),
@@ -51,6 +52,10 @@ const { data: members } = await useAsyncData("members", async () => {
 });
 
 const columns: TableColumn<Member>[] = [
+  {
+    accessorKey: "memberId",
+    header: "会员编号",
+  },
   {
     accessorKey: "chineseName",
     header: "中文姓名",
diff --git a/content.config.ts b/content.config.ts
index 13d66d7..d6f98a8 100644
--- a/content.config.ts
+++ b/content.config.ts
@@ -50,6 +50,7 @@ export default defineContentConfig({
       type: "data",
       source: "members/members.csv",
       schema: z.object({
+        // id: z.number(),
         // chinese_name: z.string(),
         // english_name: z.string(),
         // ic: z.string(),
diff --git a/content/members/members-sample.csv b/content/members/members-sample.csv
index ad169da..76cf356 100644
--- a/content/members/members-sample.csv
+++ b/content/members/members-sample.csv
@@ -1 +1 @@
-chineseName,englishName,ic,mobile,home,email,graduateLevel,,graduateYear,marriageStatus,livingCountry,addressLine1,addressLine2,addressLine3,joinedYear,receiptNumber
+memberId,chineseName,englishName,ic,mobile,home,email,graduateLevel,,graduateYear,marriageStatus,livingCountry,addressLine1,addressLine2,addressLine3,joinedYear,receiptNumber
diff --git a/nuxt.config.ts b/nuxt.config.ts
index bce5ae3..b233093 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -50,7 +50,7 @@ export default defineNuxtConfig({
         { property: "og:url", content: "https://yphsalumni.org" }, // ✅ 换成你网站的真实域名
         {
           property: "og:image",
-          content: "https://yphsalumni.org/hero-image-2.jpg",
+          content: "https://yphsalumni.org/hero-image-2.jpg?v=2",
         }, // ✅ 上传一张封面图
 
         // Twitter Card
@@ -62,7 +62,7 @@ export default defineNuxtConfig({
         },
         {
           name: "twitter:image",
-          content: "https://yphsalumni.org/hero-image-2.jpg",
+          content: "https://yphsalumni.org/hero-image-2.jpg?v=2",
         },
       ],
     },