json/yaml: Enable YAML syntax highlight

eliandoran · Jul 5, 2024 · b9b0ece · b9b0ece
1 parent e07babd
commit b9b0ece
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -30,6 +30,7 @@
 	"type": "module",
 	"dependencies": {
 		"@codemirror/lang-json": "^6.0.1",
+		"@codemirror/lang-yaml": "^6.1.1",
 		"@codemirror/theme-one-dark": "^6.1.2",
 		"ajv": "^8.16.0",
 		"ansi-to-html": "^0.7.2",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/routes/json/yaml/+page.svelte b/src/routes/json/yaml/+page.svelte
@@ -1,5 +1,6 @@
 <script>
     import { json } from "@codemirror/lang-json";
+    import { yaml } from "@codemirror/lang-yaml";
 
 	import SymmetricInputOutput from "$lib/components/symmetric-input-output.svelte";
 	import Tool from "$lib/components/tool.svelte";
@@ -22,5 +23,6 @@
         toTitle="YAML"
         useCodeMirror={true}
         leftLang={json()}
+        rightLang={yaml()}
         {to} {from} />
 </Tool>