GraphQL endpoint URL 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");