chore(refactor): modern UI

components/graphql/queryeditor.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="opacity-0 show-if-initialized" :class="{ initialized }">
-    <pre ref="editor"></pre>
+    <pre ref="editor" :class="styles"></pre>
   </div>
 </template>
 
@@ -46,6 +46,10 @@ export default {
       type: Object,
       default: {},
     },
+    styles: {
+      type: String,
+      default: "",
+    },
   },
 
   data() {