Changed the GQL query entry to use ace-editor

2019-11-30 02:09:34 -05:00
parent 2360803e44
commit c5d5c15b11
1 changed files with 11 additions and 1 deletions
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -171,7 +171,17 @@
              </button>
            </div>
          </div>
-          <textarea id="gqlQuery" rows="8" v-model="gqlQueryString"></textarea>
+          <Editor
+            v-model="gqlQueryString"
+            :options="{
+              maxLines: responseBodyMaxLines,
+              minLines: '16',
+              fontSize: '16px',
+              autoScrollEditorIntoView: true,
+              showPrintMargin: false,
+              useWorker: false
+            }"
+          />
        </pw-section>
        <pw-section class="purple" label="Response" ref="response">
          <div class="flex-wrap">