Fix char counter with minimal change (#17)

kakakaya · Jul 25, 2023 · d63f4b3 · d63f4b3
1 parent f8c878a
commit d63f4b3
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
@@ -63,6 +63,11 @@
         return [...segmenter.segment(string)].length;
     }
 
+    function onChange() {
+        charCounter = countGrapheme(text)
+    }
+
+
     // Setup Events
     EventsOn("call-clearText", () => {
         clearText()
@@ -80,7 +85,7 @@
 
 <main style="--wails-draggable:drag">
     <div class="input-box" id="input">
-        <textarea autocomplete="off" bind:value={text} on:input={syncText} placeholder={placeholder} id="inputbox" />
+        <textarea autocomplete="off" bind:value={text} on:input={onChange} placeholder={placeholder} id="inputbox" />
         <p id="char-counter" class="char-count">{charCounter}</p>
     </div>
     <p id="input-length"></p>