indent with tab

package.json

···
     "@atcute/tangled": "^1.0.5",
     "@atcute/tid": "^1.0.2",
     "@atcute/uint8array": "^1.0.4",
+    "@codemirror/commands": "^6.8.1",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/lint": "^6.8.5",
     "@codemirror/state": "^6.5.2",
+    "@codemirror/view": "^6.38.2",
     "@fsegurai/codemirror-theme-basic-dark": "^6.2.2",
     "@fsegurai/codemirror-theme-basic-light": "^6.2.2",
     "@mary/exif-rm": "jsr:^0.2.2",

pnpm-lock.yaml

···
       '@atcute/uint8array':
         specifier: ^1.0.4
         version: 1.0.4
+      '@codemirror/commands':
+        specifier: ^6.8.1
+        version: 6.8.1
       '@codemirror/lang-json':
         specifier: ^6.0.2
         version: 6.0.2
···
       '@codemirror/state':
         specifier: ^6.5.2
         version: 6.5.2
+      '@codemirror/view':
+        specifier: ^6.38.2
+        version: 6.38.2
       '@fsegurai/codemirror-theme-basic-dark':
         specifier: ^6.2.2
         version: 6.2.2(@codemirror/language@6.11.3)(@codemirror/state@6.5.2)(@codemirror/view@6.38.2)(@lezer/highlight@1.2.1)

src/components/editor.tsx

···
 import { basicLight } from "@fsegurai/codemirror-theme-basic-light";
 import { basicDark } from "@fsegurai/codemirror-theme-basic-dark";
 import { Compartment } from "@codemirror/state";
+import { indentWithTab } from "@codemirror/commands";
+import { keymap } from "@codemirror/view";
 
 export let editorView: EditorView;
 
···
         basicSetup,
         theme,
         json(),
+        keymap.of([indentWithTab]),
         linter(jsonParseLinter()),
         themeColor.of(document.documentElement.classList.contains("dark") ? basicDark : basicLight),
       ],