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,
   })
 )
 

packages/hoppscotch-app/components/http/CodegenModal.vue

@@ -109,6 +109,7 @@ useCodemirror(generatedCode, requestCode, {
   },
   linter: null,
   completer: null,
+  environmentHighlights: false,
 })
 
 watch(

packages/hoppscotch-app/components/http/Headers.vue

@@ -182,6 +182,7 @@ useCodemirror(bulkEditor, bulkHeaders, {
   },
   linter: null,
   completer: null,
+  environmentHighlights: true,
 })
 
 watch(bulkHeaders, () => {

packages/hoppscotch-app/components/http/ImportCurl.vue

@@ -47,6 +47,7 @@ useCodemirror(curlEditor, curl, {
   },
   linter: null,
   completer: null,
+  environmentHighlights: false,
 })
 
 defineProps<{ show: boolean }>()

packages/hoppscotch-app/components/http/Parameters.vue

@@ -189,6 +189,7 @@ useCodemirror(bulkEditor, bulkParams, {
   },
   linter: null,
   completer: null,
+  environmentHighlights: true,
 })
 
 const params$ = useReadonlyStream(restParams$, [])

packages/hoppscotch-app/components/http/PreRequestScript.vue

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

packages/hoppscotch-app/components/http/Tests.vue

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

packages/hoppscotch-app/components/lenses/renderers/HTMLLensRenderer.vue

@@ -102,6 +102,7 @@ useCodemirror(
     },
     linter: null,
     completer: null,
+    environmentHighlights: true,
   })
 )
 

packages/hoppscotch-app/components/lenses/renderers/JSONLensRenderer.vue

@@ -193,6 +193,7 @@ const { cursor } = useCodemirror(
     },
     linter: null,
     completer: null,
+    environmentHighlights: true,
   })
 )
 

packages/hoppscotch-app/components/lenses/renderers/RawLensRenderer.vue

@@ -92,6 +92,7 @@ useCodemirror(
     },
     linter: null,
     completer: null,
+    environmentHighlights: true,
   })
 )
 

packages/hoppscotch-app/components/lenses/renderers/XMLLensRenderer.vue

@@ -92,6 +92,7 @@ useCodemirror(
     },
     linter: null,
     completer: null,
+    environmentHighlights: true,
   })
 )