fix: made headers reactive

Author: DKoenig9

src/runtime/composables/gql-async-query.ts

@@ -125,7 +125,7 @@ export async function gqlAsyncQuery<T = any>(method: string, options: IGraphQLOp
       await callWithNuxt(_nuxtApp, checkTokenAndRenew);
 
       const requestHeaders: Record<string, string> = {
-        ...headers,
+        ...headers.value,
         ...(options.headers || {}),
         authorization: `Bearer ${accessTokenState.value}`,
       };

src/runtime/composables/gql-mutation.ts

@@ -135,7 +135,7 @@ export async function gqlMutation<T = any>(method: string, options: IGraphQLOpti
   }
 
   const requestHeaders: Record<string, string> = {
-    ...headers,
+    ...headers.value,
     ...(options.headers || {}),
     authorization: `Bearer ${method === 'refreshToken' ? refreshTokenState.value : accessTokenState.value}`,
   };

src/runtime/composables/gql-query.ts

@@ -124,7 +124,7 @@ export async function gqlQuery<T = any>(method: string, options: IGraphQLOptions
   await callWithNuxt(_nuxtApp, checkTokenAndRenew);
 
   const requestHeaders: Record<string, string> = {
-    ...headers,
+    ...headers.value,
     ...(options.headers || {}),
     authorization: `Bearer ${accessTokenState.value}`,
   };

src/runtime/composables/use-auth-fetch.ts

@@ -25,7 +25,7 @@ export function useAuthFetch<
     async onRequest(data: any) {
       if (accessTokenState.value) {
         data.options.headers = {
-          ...headers,
+          ...headers.value,
           ...data.options.headers,
           Authorization: `Bearer ${accessTokenState.value}`,
         };

src/runtime/plugins/ws.client.ts

@@ -19,7 +19,7 @@ export default defineNuxtPlugin({
         const { accessTokenState } = useAuthState();
         return {
           Authorization: 'Bearer ' + accessTokenState.value,
-          ...headers,
+          ...headers.value,
           ...wsHeaders,
         };
       },