laobinghu ce208df092 feat: 实现 Nuxt4 + Nuxt UI 博客前端完整功能
核心功能:
- 项目初始化 (Nuxt 4 + Nuxt UI + Pinia + ofetch)
- TypeScript 类型定义 (User, Article, Comment, API 响应)
- 认证系统 (登录/登出、Cookie 支持、权限中间件)
- 文章列表页 (筛选、分页、响应式布局)
- 文章详情页 (Markdown 渲染、评论系统)
- 文章编辑器 (左右分栏、实时预览、Markdown 工具栏)

管理后台:
- 侧边栏布局、权限检查
- 数据分析 (数据统计卡片、热门文章、评论审核统计)
- 文章管理 (表格、筛选、删除)
- 评论管理 (审核通过/拒绝、删除)
- 用户管理 (角色管理、删除)

全局组件:
- 导航栏 (暗色模式切换、移动端菜单)
- 页脚
- 403/404 错误页

配置文件:
- .env.example 环境变量模板
- nuxt.config.ts 完整配置
- 自定义 CSS 样式
2026-03-28 15:56:50 +08:00

42 lines
1.1 KiB
TypeScript

import type { Comment, PaginationResponse } from '~/types/models'
export function useComments() {
const { get, post, put, delete: deleteRequest } = useApi()
const fetchComments = async (articleId: number, status = 'approved'): Promise<Comment[]> => {
const response = await get<PaginationResponse<Comment>>(
`/articles/${articleId}/comments?status=${status}`,
)
return response.items
}
const createComment = async (
articleId: number,
content: string,
parentId?: number,
): Promise<Comment> => {
return await post<Comment>(`/articles/${articleId}/comments`, {
content,
parentId,
})
}
const updateCommentStatus = async (
commentId: number,
status: 'approved' | 'rejected',
): Promise<Comment> => {
return await put<Comment>(`/admin/comments/${commentId}/status`, { status })
}
const deleteComment = async (commentId: number): Promise<void> => {
await deleteRequest(`/admin/comments/${commentId}`)
}
return {
fetchComments,
createComment,
updateCommentStatus,
deleteComment,
}
}