working on document editor

frontend/src/Components/LineEditor.svelte

@@ -0,0 +1,19 @@
+<script>
+    let { editable = false, value = $bindable(null) } = $props();
+    let editing = $state(false);
+
+    function toggleEdit(){
+        editing = !editing;
+    }
+
+    function typed(ev){
+        if (ev.keyCode == 13) toggleEdit();
+    }
+</script>
+
+{#if editable && editing}
+<input bind:value onkeyup={typed} />
+{:else}
+<div onclick={toggleEdit}>{value}</div>
+{/if}
+