feat(front-end): add project response type

apps/frontend/src/api/projects.ts

@@ -1,11 +1,12 @@
 import { http } from './http'
+import type { ProjectResponse } from './types'
 
 export function fetchAllProjects() {
-  return http.get('/projects')
+  return http.get<ProjectResponse[], ProjectResponse[]>('/projects')
 }
 
 export function fetchCreateProject(name: string) {
-  return http.post('/projects', {
+  return http.post<ProjectResponse, ProjectResponse>('/projects', {
     name,
   })
 }

apps/frontend/src/api/types.ts

@@ -10,3 +10,10 @@ export interface TaskResponse {
   created_at: string
   updated_at: string
 }
+
+export interface ProjectResponse {
+  created_at: string
+  name: string
+  updated_at: string
+  _id: string
+}

apps/frontend/src/store/listProjects.ts

@@ -4,6 +4,7 @@ import { TaskStatus } from './tasks'
 import { TasksSelectorType } from './tasksSelector'
 import { fetchAllProjects, fetchAllTasks, fetchCreateProject } from '@/api'
 import { useTasksSelectorStore } from '@/store'
+import type { ProjectResponse } from '@/api/types'
 
 export interface ListProject {
   id: string
@@ -16,8 +17,8 @@ export const useListProjectsStore = defineStore('newProjects', () => {
   const projects = ref<ListProject[]>([])
 
   async function init() {
-    const rawProjects: any = await fetchAllProjects()
-    projects.value = rawProjects.map(normalizeProject)
+    const rawProjects = await fetchAllProjects()
+    projects.value = rawProjects.map(mapProjectResponseToProject)
 
     if (projects.value.length > 0)
       tasksSelectorStore.setCurrentSelector(projects.value[0])
@@ -48,7 +49,7 @@ export const useListProjectsStore = defineStore('newProjects', () => {
       return
 
     const rawProject = await fetchCreateProject(name)
-    const newProject = normalizeProject(rawProject)
+    const newProject = mapProjectResponseToProject(rawProject)
     projects.value.push(newProject)
 
     selectProject(newProject)
@@ -70,8 +71,7 @@ export const useListProjectsStore = defineStore('newProjects', () => {
   }
 })
 
-// TODO 需要提供后端返回的  project 的 type shape
-function normalizeProject(rawProject: any): ListProject {
+function mapProjectResponseToProject(rawProject: ProjectResponse): ListProject {
   return {
     id: `${rawProject._id}`,
     name: rawProject.name,