feat: add authentication modal component and user authentication logic

- Implemented AuthModal.vue for user login and registration with form handling.
- Created useAuth composable for managing user state and authentication requests.
- Added admin route middleware to protect admin routes.
- Developed admin login page with authentication checks.
- Implemented API endpoints for user management (login, logout, fetch user, register).
- Created database migrations for users table and updated movies table.
- Added utility functions for password hashing and JWT token management.

server/api/admin/movies.get.ts

@@ -1,5 +1,5 @@
 import { movies } from '../../database/schema'
-import { desc, like, sql } from 'drizzle-orm'
+import { desc, eq, like, sql } from 'drizzle-orm'
 
 export default defineEventHandler(async (event) => {
   const db = useDb()
@@ -26,7 +26,7 @@ export default defineEventHandler(async (event) => {
       .select()
       .from(movies)
       .where(whereClause)
-      .orderBy(desc(movies.syncedAt))
+      .orderBy(desc(movies.apiUpdatedAt), desc(movies.year), desc(movies.syncedAt))
       .limit(limit)
       .offset(offset),
     db

server/api/admin/sync.post.ts

@@ -66,6 +66,7 @@ export default defineEventHandler(async (event) => {
           categories: movie.categories || null,
           countries: movie.countries || null,
           sources: movie.sources || null,
+          apiUpdatedAt: movie.updatedAt ? new Date(movie.updatedAt) : null,
           syncedAt: new Date(),
         })
         .where(eq(movies.id, existing[0].id))
@@ -88,6 +89,7 @@ export default defineEventHandler(async (event) => {
         categories: movie.categories || null,
         countries: movie.countries || null,
         sources: movie.sources || null,
+        apiUpdatedAt: movie.updatedAt ? new Date(movie.updatedAt) : null,
         active: false,
       })
       created++

server/api/admin/thanh-vien.get.ts

@@ -0,0 +1,38 @@
+import { users } from '../../database/schema'
+import { desc, like, sql } from 'drizzle-orm'
+
+export default defineEventHandler(async (event) => {
+  const db = useDb()
+  const query = getQuery(event)
+  const keyword = typeof query.keyword === 'string' ? query.keyword.trim() : ''
+
+  const whereClause = keyword
+    ? like(users.name, `%${keyword}%`)
+    : undefined
+
+  const [items, countResult] = await Promise.all([
+    db
+      .select({
+        id: users.id,
+        name: users.name,
+        email: users.email,
+        role: users.role,
+        avatar: users.avatar,
+        active: users.active,
+        createdAt: users.createdAt,
+      })
+      .from(users)
+      .where(whereClause)
+      .orderBy(desc(users.createdAt))
+      .limit(100),
+    db
+      .select({ count: sql<number>`count(*)` })
+      .from(users)
+      .where(whereClause),
+  ])
+
+  return {
+    items,
+    total: countResult[0]?.count ?? 0,
+  }
+})

server/api/admin/thanh-vien/[id].delete.ts

@@ -0,0 +1,25 @@
+import { users } from '../../../database/schema'
+import { eq } from 'drizzle-orm'
+
+export default defineEventHandler(async (event) => {
+  const db = useDb()
+  const id = Number(getRouterParam(event, 'id'))
+
+  if (!id) {
+    throw createError({ statusCode: 400, message: 'Thiếu ID thành viên' })
+  }
+
+  const existing = await db.select().from(users).where(eq(users.id, id)).limit(1)
+  if (!existing.length) {
+    throw createError({ statusCode: 404, message: 'Không tìm thấy thành viên' })
+  }
+
+  const currentUser = event.context.user
+  if (currentUser?.id === id) {
+    throw createError({ statusCode: 400, message: 'Không thể xoá chính mình' })
+  }
+
+  await db.delete(users).where(eq(users.id, id))
+
+  return { success: true, id }
+})

server/api/admin/thanh-vien/[id].patch.ts

@@ -0,0 +1,35 @@
+import { users } from '../../../database/schema'
+import { eq } from 'drizzle-orm'
+
+export default defineEventHandler(async (event) => {
+  const db = useDb()
+  const id = Number(getRouterParam(event, 'id'))
+  const body = await readBody(event)
+
+  if (!id) {
+    throw createError({ statusCode: 400, message: 'Thiếu ID thành viên' })
+  }
+
+  const existing = await db.select().from(users).where(eq(users.id, id)).limit(1)
+  if (!existing.length) {
+    throw createError({ statusCode: 404, message: 'Không tìm thấy thành viên' })
+  }
+
+  const updates: Record<string, any> = {}
+
+  if ('role' in body && ['admin', 'moderator', 'user'].includes(body.role)) {
+    updates.role = body.role
+  }
+
+  if (typeof body.active === 'boolean') {
+    updates.active = body.active
+  }
+
+  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, id))
+
+  return { success: true, id, ...updates }
+})