feat: Active toggle for GraphQL headers

store/mutations.js

@@ -1,4 +1,4 @@
-import Vue from "vue";
+import Vue from "vue"
 
 export default {
   setState({ request }, { attribute, value }) {
@@ -19,6 +19,14 @@ export default {
     gql.headers.push(object)
   },
 
+  setActiveGQLHeader({ gql }, { index, value }) {
+    if (!gql.headers[index].hasOwnProperty("active")) {
+      Vue.set(gql.headers[index], "active", value)
+    } else {
+      gql.headers[index].active = value
+    }
+  },
+
   removeGQLHeader({ gql }, index) {
     gql.headers.splice(index, 1)
   },