feat: add gender field to user profile and update related components

server/api/auth/me.get.ts

@@ -28,5 +28,6 @@ export default defineEventHandler(async (event) => {
     name: user.name,
     role: user.role,
     avatar: user.avatar,
+    gender: user.gender,
   }
 })

server/api/auth/profile.put.ts

@@ -1,6 +1,6 @@
 import { users } from '../../database/schema'
 import { eq } from 'drizzle-orm'
-import { getTokenFromEvent } from '../../utils/auth'
+import { getTokenFromEvent, verifyToken } from '../../utils/auth'
 
 export default defineEventHandler(async (event) => {
   const db = useDb()
@@ -11,24 +11,30 @@ export default defineEventHandler(async (event) => {
     throw createError({ statusCode: 401, message: 'Chưa đăng nhập' })
   }
 
-  const name = typeof body.name === 'string' ? body.name.trim() : ''
-
-  if (!name) {
-    throw createError({ statusCode: 400, message: 'Tên hiển thị không được để trống' })
-  }
-
-  if (name.length > 50) {
-    throw createError({ statusCode: 400, message: 'Tên hiển thị tối đa 50 ký tự' })
-  }
-
   const payload = verifyToken(token)
   if (!payload) {
     throw createError({ statusCode: 401, message: 'Token không hợp lệ' })
   }
 
-  await db.update(users)
-    .set({ name })
-    .where(eq(users.id, payload.id))
+  const updates: Record<string, any> = {}
 
-  return { message: 'Cập nhật tên thành công!' }
+  const name = typeof body.name === 'string' ? body.name.trim() : ''
+  if (name) {
+    if (name.length > 50) {
+      throw createError({ statusCode: 400, message: 'Tên hiển thị tối đa 50 ký tự' })
+    }
+    updates.name = name
+  }
+
+  if (['male', 'female', 'other', ''].includes(body.gender)) {
+    updates.gender = body.gender || null
+  }
+
+  if (!Object.keys(updates).length) {
+    throw createError({ statusCode: 400, message: 'Không có dữ liệu cập nhật' })
+  }
+
+  await db.update(users).set(updates).where(eq(users.id, payload.id))
+
+  return { message: 'Cập nhật thành công!' }
 })

server/api/comments/index.get.ts

@@ -36,6 +36,7 @@ export default defineEventHandler(async (event) => {
       userName: users.name,
       userAvatar: users.avatar,
       userRole: users.role,
+      userGender: users.gender,
       source: comments.source,
       slug: comments.slug,
       movieName: comments.movieName,
@@ -75,6 +76,7 @@ export default defineEventHandler(async (event) => {
       userName: rep.anonymous ? 'Ẩn danh' : (rep.userName || 'Ẩn danh'),
       userAvatar: rep.anonymous ? null : rep.userAvatar,
       userRole: rep.userRole,
+      userGender: rep.userGender,
       parentId: rep.parentId,
       content: rep.content,
       pinned: rep.pinned || false,
@@ -97,6 +99,7 @@ export default defineEventHandler(async (event) => {
         userName: users.name,
         userAvatar: users.avatar,
         userRole: users.role,
+        userGender: users.gender,
         parentId: comments.parentId,
         content: comments.content,
         pinned: comments.pinned,