Updated

frontend/composables/api/chat/useCreateChatMessage.ts

@@ -2,7 +2,6 @@
 
 import { QueryClient, useMutation } from "@tanstack/vue-query";
 import type { InfiniteData } from "@tanstack/vue-query";
-import axios from "~/configs/axios.config";
 import { API_ENDPOINTS, MUTATION_KEYS, QUERY_KEYS } from "~/constants";
 
 // types
@@ -14,20 +13,20 @@ export type CreateChatMessageRequest = {
 
 export type CreateChatMessageResponse = Chat[]
 
-// methods
-
-export const handleCreateChatMessage = async (variables: CreateChatMessageRequest) => {
-    const { data } = await axios.post<CreateChatMessageResponse>(`${API_ENDPOINTS.chat.new_message}/${variables.productId}`, variables, {
-        headers: {
-            Authorization: `Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoyMTY3ODE2OTAwLCJpYXQiOjE3MzU4MTY5MDAsImp0aSI6ImQwN2E2Y2Y2NzgwZjRlNTE5NWIzOGQxMTAzYzU4NDQ3IiwidXNlcl9pZCI6NX0.slwd7ZSV7nUXEuDTYwwHUOo9ekCefwEEL4kVv2vSTFo`
-        }
-    });
-    return data;
-};
-
-// composable
-
 const useCreateChatMessage = (queryClient: QueryClient) => {
+
+    // state
+
+    const { $axios: axios } = useNuxtApp();
+
+    // method
+
+    const handleCreateChatMessage = async (variables: CreateChatMessageRequest) => {
+
+        const { data } = await axios.post<CreateChatMessageResponse>(`${API_ENDPOINTS.chat.new_message}/${variables.productId}`, variables);
+        return data;
+    };
+
     return useMutation({
         mutationKey: [MUTATION_KEYS.create_chat],
         mutationFn: (variables: CreateChatMessageRequest) => handleCreateChatMessage(variables),