Trying not to break anything while I work on using CodeMirror. I hope.

src/routes/journals/ae_comp__journal_entry_obj_id_view.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 // *** Import Svelte specific
 import { goto } from '$app/navigation';
-import { tick } from 'svelte';
+// import { tick } from 'svelte';
 // import { clipboard } from '@skeletonlabs/skeleton';
 import { marked } from 'marked';
 import {
@@ -24,6 +24,10 @@ import {
         X
     } from '@lucide/svelte';
 
+
+import E_app_codemirror from '$lib/e_app_codemirror.svelte';
+
+
 // *** Import Aether specific variables and functions
 import type { key_val } from '$lib/ae_stores';
 import { ae_util } from '$lib/ae_utils/ae_utils';
@@ -72,6 +76,25 @@ let updated_idb: boolean = $state(true); // Updated in a separate browser sessio
 //     }
 // );
 
+
+
+
+// let codemirror_extensions = [
+// 	basicSetup,
+//     keymap.of([indentWithTab]),
+//     javascript()
+// ]
+
+// // "Start document"
+// const codemirror_editorview = new EditorView({
+//   doc: $lq__journal_entry_obj?.content ?? 'yyyy',
+//   parent: document.getElementById('journal_entry_codemirror') as HTMLElement,
+//   extensions: [codemirror_extensions]
+// })
+
+
+
+
 if (!$journals_loc?.entry?.decrypt_kv) {
     $journals_loc.entry.decrypt_kv = {};
     $journals_loc.entry.decrypt_kv[$lq__journal_entry_obj?.journal_entry_id] = null;
@@ -2015,6 +2038,19 @@ zzzz
     {@html test_html}
 </div> -->
 
+xxx
+<div
+    id="journal_entry_codemirror"
+    >
+    <!-- {cm_view} -->
+    <!-- <CodeMirror bind:value class="editor" {...props} /> -->
+    <!-- bind:value={cm_view} -->
+    <E_app_codemirror
+        classes="editor"
+        />
+</div>
+zzz
+
 <section class="ae_meta flex flex-row flex-wrap gap-1 items-center justify-between w-full">
 
 <span class="flex flex-row items-center justify-center text-sm text-gray-500">