From 2b6a3d0023c3e97accbaf47520a3fcf13c0ca136 Mon Sep 17 00:00:00 2001
From: Roger Veciana <roger.veciana@abzu.ai>
Date: Sat, 27 Jan 2024 00:00:37 +0100
Subject: [PATCH] Update .gitignore and Edit.svelte

---
 .gitignore         | 2 +-
 src/ui/Edit.svelte | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.gitignore b/.gitignore
index 2a531c0..fd8f33a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,7 +11,6 @@ node_modules
 # Don't include the compiled main.js file in the repo.
 # They should be uploaded to GitHub releases instead.
 main.js
-styles.css
 
 # Exclude sourcemaps
 *.map
@@ -27,3 +26,4 @@ data.json
 TODO
 yarn.lock
 yarn.lock
+styles.css
diff --git a/src/ui/Edit.svelte b/src/ui/Edit.svelte
index 5a1e7e5..be43175 100644
--- a/src/ui/Edit.svelte
+++ b/src/ui/Edit.svelte
@@ -2,12 +2,17 @@
        export let data:string;
        export let onChange: (newData: string) => void;
        $: onChange(data)
+       $: console.log(data);
 
 </script>
 
 <div>
  
-    <div class="content" contenteditable="true" bind:textContent={data} >{data}</div>
+    <div class="content" contenteditable="true" bind:textContent={data} on:keydown={(e)=>{
+        if (e.key === 'Enter') {
+        document.execCommand('insertLineBreak')
+        e.preventDefault()
+      }}}>{data}</div>
 
 </div>
 
@@ -18,7 +23,7 @@
       opacity: 0.6;
     }
     .content{
-        white-space: pre
+        white-space: pre-line;
     }