From fe6030140ff4e667ada2d82e577991d6ab10f787 Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Fri, 10 Sep 2021 19:57:52 +0530
Subject: [PATCH] feat: graphql mode for schema editor

---
 components/graphql/Sidebar.vue | 3 ++-
 pages/documentation.vue        | 3 +--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/graphql/Sidebar.vue b/components/graphql/Sidebar.vue
index e1b0a0c1b..680f1acba 100644
--- a/components/graphql/Sidebar.vue
+++ b/components/graphql/Sidebar.vue
@@ -220,6 +220,7 @@ import {
   setGQLURL,
   setGQLVariables,
 } from "~/newstore/GQLSession"
+import "~/helpers/editor/modes/graphql"
 
 function isTextFoundInGraphqlFieldObject(
   text: string,
@@ -396,7 +397,7 @@ useCodemirror(
   schemaString,
   reactive({
     extendedEditorConfig: {
-      mode: "application/ld+json",
+      mode: "graphql",
       readOnly: true,
       lineWrapping: linewrapEnabled,
     },
diff --git a/pages/documentation.vue b/pages/documentation.vue
index e0394dff9..2feb14210 100644
--- a/pages/documentation.vue
+++ b/pages/documentation.vue
@@ -64,10 +64,9 @@
             <textarea-autosize
               id="import-curl"
               v-model="collectionJSON"
-              class="font-mono p-4"
+              class="font-mono p-4 bg-primary"
               autofocus
               rows="8"
-              placeholder=" "
             />
             <div
               class="