json/csv: Add syntax highlight for CSV

eliandoran · Jul 7, 2024 · 1ac8ea2 · 1ac8ea2
1 parent d471405
commit 1ac8ea2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -37,6 +37,7 @@
 		"@codemirror/theme-one-dark": "^6.1.2",
 		"ajv": "^8.16.0",
 		"ansi-to-html": "^0.7.2",
+		"codemirror-lang-csv": "^0.1.1",
 		"crypto-es": "^2.1.0",
 		"he": "^1.2.0",
 		"json5": "^2.2.3",

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