feat: add loading

src/services/api.ts

@@ -1,4 +1,7 @@
 import axios, { type AxiosInstance } from 'axios'
+import { useLoading } from '../composables/useLoading'
+
+const { start: loadingStart, stop: loadingStop } = useLoading()
 
 export const api: AxiosInstance = axios.create({
   baseURL: import.meta.env.VITE_API_BASE_URL ?? 'http://localhost:2000',
@@ -8,6 +11,7 @@ export const api: AxiosInstance = axios.create({
 })
 
 api.interceptors.request.use((config) => {
+  loadingStart()
   const token = localStorage.getItem('mws_token')
   if (token) {
     config.headers.Authorization = `Bearer ${token}`
@@ -16,8 +20,12 @@ api.interceptors.request.use((config) => {
 })
 
 api.interceptors.response.use(
-  (response) => response,
+  (response) => {
+    loadingStop()
+    return response
+  },
   (error) => {
+    loadingStop()
     if (error.response?.status === 401) {
       localStorage.removeItem('mws_token')
       localStorage.removeItem('mws_user')