diff --git a/pages/graphql.vue b/pages/graphql.vue
index dec0ce601..a74be59ab 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -287,7 +287,6 @@ export default {
       mutationFields: [],
       subscriptionFields: [],
       gqlTypes: [],
-      gqlQueryString: "",
       responseString: "",
       copyButton: '<i class="material-icons">file_copy</i>',
       downloadButton: '<i class="material-icons">get_app</i>',
@@ -313,6 +312,14 @@ export default {
         this.$store.commit("setGQLState", { value, attribute: "headers" });
       }
     },
+    gqlQueryString: {
+      get() {
+        return this.$store.state.gql.query;
+      },
+      set(value) {
+        this.$store.commit("setGQLState", { value, attribute: "query" });
+      }
+    },
     headerString() {
       const result = this.headers
         .filter(({ key }) => !!key)