From 8af4875ae5786e084bce082f212bf583dba3d843 Mon Sep 17 00:00:00 2001
From: gornius <ninertominer@gmail.com>
Date: Sat, 20 Apr 2024 23:38:41 +0200
Subject: [PATCH 1/5] Change "Any" to "All" in person picker

---
 composables/useWordsDictionary.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/composables/useWordsDictionary.ts b/composables/useWordsDictionary.ts
index c1d9f21..1788716 100644
--- a/composables/useWordsDictionary.ts
+++ b/composables/useWordsDictionary.ts
@@ -13,7 +13,7 @@ export function useWordsDictionary() {
             m1: '1. Plural',
             m2: '2. Plural',
             m3: '3. Plural',
-            all: 'Any',
+            all: 'All',
         }
         if (typeof verb === 'string') {
             return personDictionary[verb as Verb['person']];

From 0f1cadd9ce7d7ae59643e473db92e907f42b6d11 Mon Sep 17 00:00:00 2001
From: gornius <ninertominer@gmail.com>
Date: Sat, 20 Apr 2024 23:43:58 +0200
Subject: [PATCH 2/5] Ignore whitespaces on beginning and end of answer

---
 components/QuestionCard.vue       | 1 +
 composables/useWordComparator.ts  | 9 ++++++++-
 composables/useWordsDictionary.ts | 1 +
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/QuestionCard.vue b/components/QuestionCard.vue
index 47ed5d8..55e6023 100644
--- a/components/QuestionCard.vue
+++ b/components/QuestionCard.vue
@@ -25,6 +25,7 @@ function giveAnswer() {
 
 </script>
 <template>
+    {{ verb.word }}
     <form @submit.prevent="giveAnswer">
         <Card class="flex flex-col divide-y justify-evenly md:flex-row md:divide-y-0 md:divide-x">
             <CardContent class="grow pt-6 flex flex-col md:max-w-96 gap-2 content-center justify-center">
diff --git a/composables/useWordComparator.ts b/composables/useWordComparator.ts
index bb204a7..0e8880c 100644
--- a/composables/useWordComparator.ts
+++ b/composables/useWordComparator.ts
@@ -1,6 +1,13 @@
+// Todo: change this from composable to util, as it doesn't hold any state
 export function useWordComparator() {
+    function normalize(word: string): string {
+        return word
+        .toLocaleLowerCase()
+        .trim()
+    }
+
     function compareWords(firstWord: string, secondWord: string) {
-        return firstWord.toLocaleLowerCase() === secondWord.toLocaleLowerCase();
+        return normalize(firstWord) === normalize(secondWord);
     }
 
     return {
diff --git a/composables/useWordsDictionary.ts b/composables/useWordsDictionary.ts
index 1788716..dd8fbea 100644
--- a/composables/useWordsDictionary.ts
+++ b/composables/useWordsDictionary.ts
@@ -4,6 +4,7 @@ import YAML from 'yaml';
 import { type Verb } from '~/models/Verb';
 import { type DictionaryEntry } from '~/models/DictionaryEntry';
 
+// Todo: change this from composable to util, as it doesn't hold any state
 export function useWordsDictionary() {
     function getPerson(verb: Verb | Verb['person']) {
         const personDictionary = {

From c4aa8d43a484cc313e75a46c7a13d38efc924ffe Mon Sep 17 00:00:00 2001
From: gornius <ninertominer@gmail.com>
Date: Sat, 20 Apr 2024 23:48:41 +0200
Subject: [PATCH 3/5] Convert to single space where multiple spaces appear in
 word comparator

---
 composables/useWordComparator.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/composables/useWordComparator.ts b/composables/useWordComparator.ts
index 0e8880c..87c4294 100644
--- a/composables/useWordComparator.ts
+++ b/composables/useWordComparator.ts
@@ -2,8 +2,9 @@
 export function useWordComparator() {
     function normalize(word: string): string {
         return word
-        .toLocaleLowerCase()
-        .trim()
+            .toLocaleLowerCase()
+            .trim()
+            .replaceAll(/\s+/g, " ");
     }
 
     function compareWords(firstWord: string, secondWord: string) {

From 7ee4d5aa68a2a8017abef0ad066b84f59406efc3 Mon Sep 17 00:00:00 2001
From: gornius <ninertominer@gmail.com>
Date: Sun, 21 Apr 2024 00:16:46 +0200
Subject: [PATCH 4/5] Autofocus answer after submit

---
 components/QuestionCard.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/QuestionCard.vue b/components/QuestionCard.vue
index 55e6023..2c5da34 100644
--- a/components/QuestionCard.vue
+++ b/components/QuestionCard.vue
@@ -19,6 +19,7 @@ const previousAnswer = computed(() => storeQuiz.previousAnswers.toReversed()[0])
 const previousAnswerCorrect = computed(() => wordComparator.compareWords(previousAnswer.value.answer, previousAnswer.value.verb.word));
 
 function giveAnswer() {
+    document.getElementById('answer')?.focus();
     emits('answerGiven', answer.value);
     answer.value = '';
 }
@@ -44,7 +45,7 @@ function giveAnswer() {
                     <Label for="answer">Answer</Label>
                 </div>
                 <div class="flex flex-row gap-2">
-                    <Input id="answer" class="flex-grow" v-model="answer" />
+                    <Input autofocus id="answer" class="flex-grow" v-model="answer" />
                     <Button type="submit" class="aspect-square p-0">
                         <Icon icon="ooui:next-ltr"/>
                     </Button>

From 6c5d66b707d35d4b3e213e3ae0075cf82202f581 Mon Sep 17 00:00:00 2001
From: gornius <ninertominer@gmail.com>
Date: Sun, 21 Apr 2024 00:17:20 +0200
Subject: [PATCH 5/5] Disable "cheating mode" enabled for debugging purposes

---
 components/QuestionCard.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/components/QuestionCard.vue b/components/QuestionCard.vue
index 2c5da34..761659b 100644
--- a/components/QuestionCard.vue
+++ b/components/QuestionCard.vue
@@ -26,7 +26,6 @@ function giveAnswer() {
 
 </script>
 <template>
-    {{ verb.word }}
     <form @submit.prevent="giveAnswer">
         <Card class="flex flex-col divide-y justify-evenly md:flex-row md:divide-y-0 md:divide-x">
             <CardContent class="grow pt-6 flex flex-col md:max-w-96 gap-2 content-center justify-center">