feat: update api request

Author: kieranwong9865

src/apis/todo.ts

@@ -39,7 +39,7 @@ export function getTodoListApi() {
 /**
  * Get todo item.
  *
- * @param id
+ * @param id number
  */
 export function getTodoItemApi(id: number) {
   return request.get<TodoItem>(`/todos`, {
@@ -52,29 +52,25 @@ export function getTodoItemApi(id: number) {
 /**
  * Create todo item.
  *
- * @param todo
+ * @param data TodoItem
  */
-export function createTodoItemApi(todo: TodoItem) {
-  return request.post<TodoItem>('/todos', {
-    data: todo,
-  })
+export function createTodoItemApi(data: TodoItem) {
+  return request.post<TodoItem>('/todos', data)
 }
 
 /**
  * Update todo item.
  *
- * @param todo
+ * @param data TodoItem
  */
-export function updateTodoItemApi(todo: TodoItem) {
-  return request.put<TodoItem>('/todos', {
-    data: todo,
-  })
+export function updateTodoItemApi(data: TodoItem) {
+  return request.put<TodoItem>('/todos', data)
 }
 
 /**
  * Delete todo item.
  *
- * @param id
+ * @param id number
  */
 export function deleteTodoItemApi(id: number) {
   return request.delete(`/todos/${id}`)

src/composables/request.ts

@@ -31,9 +31,9 @@ export function useRequest(config?: AxiosRequestConfig, interceptors?: {
 
   const interceptorsResponse = (response: AxiosResponse) => {
     if (response.status === 200) {
-      return response.data
+      return response
     }
-    return Promise.reject(response.data)
+    return Promise.reject(response)
   }
 
   request.interceptors.request.use(interceptors?.request || interceptorsRequest)

src/pages/index.vue

@@ -46,7 +46,7 @@ function fetchData() {
       {{ t('page.index.get-todo-list') }}
     </TheButton>
   </div>
-  <ul v-if="todoList.length > 0" my-5 h-50 overflow-y-auto>
+  <ul v-if="todoList && todoList.length > 0" my-5 h-50 overflow-y-auto>
     <li v-for="item in todoList" :key="item.id" text-base lh-normal>
       <input type="checkbox" accent-primary>
       {{ item.title }}