Added headers field to state and added mutations to handle header list updates

store/mutations.js

@@ -7,6 +7,22 @@ export default {
     state.gql[object.attribute] = object.value;
   },
 
+  addGQLHeader(state, object) {
+    state.gql.headers.push(object);
+  },
+
+  removeGQLHeader(state, index) {
+    state.gql.headers.splice(index, 1);
+  },
+
+  setGQLHeaderKey(state, object) {
+    state.gql.headers[object.index].key = object.value;
+  },
+
+  setGQLHeaderValue(state, object) {
+    state.gql.headers[object.index].value = object.value;
+  },
+
   addHeaders(state, value) {
     state.request.headers.push(value);
   },

store/state.js

@@ -18,6 +18,7 @@ export default () => ({
     contentType: '',
   },
   gql: {
-    url: 'https://rickandmortyapi.com/graphql'
+    url: 'https://rickandmortyapi.com/graphql',
+    headers: []
   }
 });