refactor: environment highlighing in editors - improve #1834

packages/hoppscotch-app/components/graphql/RequestOptions.vue

@@ -307,6 +307,7 @@ useCodemirror(bulkEditor, bulkHeaders, {
   },
   linter: null,
   completer: null,
+  environmentHighlights: false,
 })
 
 const variableEditor = ref<any | null>(null)
@@ -318,6 +319,7 @@ useCodemirror(variableEditor, variableString, {
   },
   linter: jsonLinter,
   completer: null,
+  environmentHighlights: false,
 })
 
 const queryEditor = ref<any | null>(null)
@@ -330,6 +332,7 @@ useCodemirror(queryEditor, gqlQueryString, {
   },
   linter: createGQLQueryLinter(schemaString),
   completer: queryCompleter(schemaString),
+  environmentHighlights: false,
 })
 
 const copyQueryIcon = ref("copy")

packages/hoppscotch-app/components/graphql/Response.vue

@@ -105,6 +105,7 @@ useCodemirror(
     },
     linter: null,
     completer: null,
+    environmentHighlights: false,
   })
 )
 

packages/hoppscotch-app/components/graphql/Sidebar.vue

@@ -409,6 +409,7 @@ useCodemirror(
     },
     linter: null,
     completer: null,
+    environmentHighlights: false,
   })
 )