核心功能: - 项目初始化 (Nuxt 4 + Nuxt UI + Pinia + ofetch) - TypeScript 类型定义 (User, Article, Comment, API 响应) - 认证系统 (登录/登出、Cookie 支持、权限中间件) - 文章列表页 (筛选、分页、响应式布局) - 文章详情页 (Markdown 渲染、评论系统) - 文章编辑器 (左右分栏、实时预览、Markdown 工具栏) 管理后台: - 侧边栏布局、权限检查 - 数据分析 (数据统计卡片、热门文章、评论审核统计) - 文章管理 (表格、筛选、删除) - 评论管理 (审核通过/拒绝、删除) - 用户管理 (角色管理、删除) 全局组件: - 导航栏 (暗色模式切换、移动端菜单) - 页脚 - 403/404 错误页 配置文件: - .env.example 环境变量模板 - nuxt.config.ts 完整配置 - 自定义 CSS 样式
43 lines
1.3 KiB
TypeScript
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,
|
|
}
|
|
}
|