From d7aa2d394d248946f2f26ac1e33475db112de5a8 Mon Sep 17 00:00:00 2001
From: kaubu <29447633+kaubu@users.noreply.github.com>
Date: Wed, 27 Dec 2023 13:17:55 +0000
Subject: [PATCH] Try to fix more, failed again. Made text areas clearable for
 mobile users. Also updated README.md.

---
 README.md              | 9 +++++++++
 src/layouts/Editor.vue | 1 +
 src/views/Editor.vue   | 6 +++++-
 src/views/Home.vue     | 2 +-
 4 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 9939f22..cff486f 100644
--- a/README.md
+++ b/README.md
@@ -23,6 +23,13 @@
       have Old English. Therefore, it only counts Germanic words that aren't
       from Old English. Put Norse words there too, maybe.
 - [ ] Add a search button inside of the search
+- [ ] Ability to dismiss words that are fine
+    - [ ] Ability to retrieve them back
+- [ ] Have a maximum height for the chips list, with a scrollbar in the middle,
+  so that if I need things below the word list it won't clog it up (if it's too
+  bad).
+- [x] Number of words per origin
+- [ ] Option to not just copy, but instead insert the letters into the field
 
 ### Editor errors
 
@@ -30,6 +37,8 @@
 - [ ] Fix picking the first Origin resulting in nothing happening
 - [ ] If you unselect a word origin and then begin to type, should the origins
   shuffle around it will reselect said word origin
+- [ ] If a selected word origin disappears while deleting words, then it will
+  just select whichever new origin is there
 
 ## TODO
 
diff --git a/src/layouts/Editor.vue b/src/layouts/Editor.vue
index 52ad970..945b420 100644
--- a/src/layouts/Editor.vue
+++ b/src/layouts/Editor.vue
@@ -16,6 +16,7 @@
         v-model="dictionarySearch"
         append-inner-icon="mdi-search"
         @keydown.enter="lookupWord = dictionarySearch"
+        clearable
       >
       </v-text-field>
 
diff --git a/src/views/Editor.vue b/src/views/Editor.vue
index 6540739..41f62a4 100644
--- a/src/views/Editor.vue
+++ b/src/views/Editor.vue
@@ -25,6 +25,7 @@
           counter
           v-model="rawText"
           id="user-input"
+          clearable
         >
         </v-textarea>
       </v-col>
@@ -50,7 +51,7 @@
             @click="chosenLanguage = origin"
             :style="`color: ${originColors[origin as keyof typeof originColors].color};`"
           >
-            {{ origin }}
+            {{ origin }} ({{ sortedWords[origin].length }})
           </v-chip>
         </v-chip-group>
       </v-col>
@@ -193,6 +194,9 @@ const sortedWords = computed(() => {
 watch(sortedWords, async (_oldSortedWords, _newSortedWords) => {
   const userInput = document.getElementById("user-input");
 
+  console.log(`userInput === document.activeElement = ${userInput === document.activeElement}`);
+  console.log(`selectedOrigin.value = ${selectedOrigin.value}`);
+
   if (!(userInput === document.activeElement && selectedOrigin.value)) {
     const newValue = Object.keys(sortedWords.value).indexOf(chosenLanguage.value);
     selectedOrigin.value = newValue;
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 6df9ccb..ac67d99 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -59,7 +59,7 @@
 
     <p><sub>This project is still in progress, expect errors.</sub></p>
 
-    <p><sub>v1.10.0 (2023-12-27)</sub></p>
+    <p><sub>v1.10.1 (2023-12-27)</sub></p>
   </center>
 </template>