Updated

frontend/composables/api/auth/useSignIn.ts

@@ -1,7 +1,6 @@
 // imports
 
 import { useMutation } from "@tanstack/vue-query";
-import axios from "~/configs/axios.config";
 import { API_ENDPOINTS } from "~/constants";
 
 // types
@@ -11,16 +10,19 @@ export type SignInRequest = {
     phone: string;
 };
 
-// methods
-
-export const handleSignIn = async (variables: SignInRequest) => {
-    const { data } = await axios.post(`${API_ENDPOINTS.auth.signin}/`, variables);
-    return data;
-};
-
-// composable
-
 const useSignIn = () => {
+
+    // state
+
+    const { $axios: axios } = useNuxtApp();
+
+    // methods
+
+    const handleSignIn = async (variables: SignInRequest) => {
+        const { data } = await axios.post(`${API_ENDPOINTS.auth.signin}/`, variables);
+        return data;
+    };
+
     return useMutation({
         mutationFn: (variables: SignInRequest) => handleSignIn(variables)
     });