GraphQL endpoint field is now persisted (#319)

GraphQL endpoint field is now persisted

pages/graphql.vue

@@ -136,7 +136,6 @@ export default {
   },
   data() {
     return {
-      url: "https://rickandmortyapi.com/graphql",
       schemaString: "",
       queryFields: [],
       mutationFields: [],
@@ -144,6 +143,16 @@ export default {
       gqlTypes: []
     };
   },
+  computed: {
+    url: {
+      get() {
+        return this.$store.state.gql.url;
+      },
+      set(value) {
+        this.$store.commit("setGQLState", { value, attribute: "url" });
+      }
+    }
+  },
   methods: {
     copySchema() {
       const aux = document.createElement("textarea");

store/mutations.js

@@ -3,6 +3,10 @@ export default {
     state.request[object.attribute] = object.value
   },
 
+  setGQLState(state, object) {
+    state.gql[object.attribute] = object.value;
+  },
+
   addHeaders(state, value) {
     state.request.headers.push(value);
   },

store/state.js

@@ -16,5 +16,8 @@ export default () => ({
     rawInput: false,
     requestType: '',
     contentType: '',
+  },
+  gql: {
+    url: 'https://rickandmortyapi.com/graphql'
   }
 });