Updated

frontend/composables/api/auth/useOtp.ts

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

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)
     });