Try to fix more, failed again. Made text areas clearable for mobile u…

…sers. Also updated README.md.

README.md

@@ -23,13 +23,22 @@
       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
 
 - [ ] Fix first word chip being a yellow colour always
 - [ ] 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
 

src/layouts/Editor.vue

@@ -16,6 +16,7 @@
         v-model="dictionarySearch"
         append-inner-icon="mdi-search"
         @keydown.enter="lookupWord = dictionarySearch"
+        clearable
       >
       </v-text-field>
 

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;

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>