From d63f4b385c24ab615bbc02d4348488e109b6eb68 Mon Sep 17 00:00:00 2001
From: kakakaya <kakakaya@users.noreply.github.com>
Date: Tue, 25 Jul 2023 23:30:45 +0900
Subject: [PATCH] Fix char counter with minimal change (#17)

---
 frontend/src/App.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index ab1fe58..3d31925 100644
--- 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>