feat(DEV-248): added dynamic headers

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

@@ -122,8 +122,9 @@ export async function gqlAsyncQuery<T = any>(method: string, options: IGraphQLOp
 
       await callWithNuxt(_nuxtApp, checkTokenAndRenew);
 
-      const requestHeaders = {
+      const requestHeaders: Record<string, string> = {
         authorization: `Bearer ${accessTokenState.value}`,
+        ...(options.headers || {}),
       };
 
       let result = await $graphql.default.request(documentNode, variables, requestHeaders);

src/runtime/composables/gql-mutation.ts

@@ -132,8 +132,9 @@ export async function gqlMutation<T = any>(method: string, options: IGraphQLOpti
     await callWithNuxt(_nuxtApp, checkTokenAndRenew);
   }
 
-  const requestHeaders = {
+  const requestHeaders: Record<string, string> = {
     authorization: `Bearer ${method === 'refreshToken' ? refreshTokenState.value : accessTokenState.value}`,
+    ...(options.headers || {}),
   };
 
   let data;

src/runtime/composables/gql-query.ts

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

src/runtime/interfaces/graphql-options.interface.ts

@@ -9,6 +9,7 @@ export interface IGraphQLOptions {
   disableTokenCheck?: boolean;
   fields?: any;
   hashPasswords?: boolean;
+  headers?: Record<string, string>;
   lazy?: boolean;
   log?: boolean;
   variables?: any;

src/runtime/plugins/ws.client.ts

@@ -1,6 +1,9 @@
 import { useAuth, useAuthState } from '#imports';
 import { createClient } from 'graphql-ws';
 import { defineNuxtPlugin, useNuxtApp, useRuntimeConfig } from 'nuxt/app';
+import { reactive } from 'vue';
+
+export const wsHeaders = reactive<Record<string, string>>({});
 
 export default defineNuxtPlugin({
   name: 'ws',
@@ -13,6 +16,7 @@ export default defineNuxtPlugin({
         const { accessTokenState } = useAuthState();
         return {
           Authorization: 'Bearer ' + accessTokenState.value,
+          ...wsHeaders,
         };
       },
       lazy: true,