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

43 lines
1.3 KiB
TypeScript

import type { Article, PaginationResponse } from '~/types/models'
export function useArticles() {
const { get } = useApi()
const fetchArticles = async (params?: {
page?: number
limit?: number
status?: string
visibility?: string
authorId?: number
search?: string
}): Promise<PaginationResponse<Article>> => {
const queryParams = new URLSearchParams()
if (params?.page) queryParams.set('page', params.page.toString())
if (params?.limit) queryParams.set('limit', params.limit.toString())
if (params?.status) queryParams.set('status', params.status)
if (params?.visibility) queryParams.set('visibility', params.visibility)
if (params?.authorId) queryParams.set('authorId', params.authorId.toString())
if (params?.search) queryParams.set('search', params.search)
const query = queryParams.toString()
const url = `/articles${query ? `?${query}` : ''}`
return await get<PaginationResponse<Article>>(url)
}
const fetchArticleBySlug = async (slug: string): Promise<Article> => {
return await get<Article>(`/articles/slug/${slug}`)
}
const fetchArticleById = async (id: number): Promise<Article> => {
return await get<Article>(`/articles/${id}`)
}
return {
fetchArticles,
fetchArticleBySlug,
fetchArticleById,
}
}