From ff457f4c47c2434a97c7518decc6bf4d174576a0 Mon Sep 17 00:00:00 2001
From: kajgrant <kajgrant@gmail.com>
Date: Mon, 22 Jan 2024 13:40:15 -0800
Subject: [PATCH 1/3] added home buttons to about and how to play pages

prettier fix
---
 client/src/locales/en.ts       | 1 +
 client/src/views/About.vue     | 3 +++
 client/src/views/HowToPlay.vue | 3 +++
 3 files changed, 7 insertions(+)

diff --git a/client/src/locales/en.ts b/client/src/locales/en.ts
index 05618e4..0b14bfc 100644
--- a/client/src/locales/en.ts
+++ b/client/src/locales/en.ts
@@ -15,6 +15,7 @@ export default {
   roomNamePlaceholder: 'room name',
   joinGame: 'Join Game',
   createGame: 'Create Game',
+  homeButton: 'Home',
   coffeeLink: 'Buy me a tea',
   coffeeAlt: 'Buy me a coffee',
 
diff --git a/client/src/views/About.vue b/client/src/views/About.vue
index 0bf87c1..52572d6 100644
--- a/client/src/views/About.vue
+++ b/client/src/views/About.vue
@@ -21,5 +21,8 @@
         <a v-t="'about.coffee'" href="https://www.buymeacoffee.com/ConorMurphy/" />
       </template>
     </i18n-t>
+    <router-link to="/">
+      <button v-t="'homeButton'" type="button" class="btn btn-orange w-10" />
+    </router-link>
   </div>
 </template>
diff --git a/client/src/views/HowToPlay.vue b/client/src/views/HowToPlay.vue
index 83ba907..b51e430 100644
--- a/client/src/views/HowToPlay.vue
+++ b/client/src/views/HowToPlay.vue
@@ -22,6 +22,9 @@
           :alt="child.alt" />
       </div>
     </div>
+    <router-link to="/">
+      <button v-t="'homeButton'" type="button" class="btn btn-orange w-10" />
+    </router-link>
   </div>
 </template>
 

From e07c2a21a3f69b10e619e421038b38fdea409607 Mon Sep 17 00:00:00 2001
From: kajgrant <kajgrant@gmail.com>
Date: Mon, 22 Jan 2024 15:31:17 -0800
Subject: [PATCH 2/3] update button ui and add onClick sounds

---
 client/src/views/About.vue     | 19 +++++++++++++++++--
 client/src/views/HowToPlay.vue | 13 +++++++++++--
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/client/src/views/About.vue b/client/src/views/About.vue
index 52572d6..73284bf 100644
--- a/client/src/views/About.vue
+++ b/client/src/views/About.vue
@@ -21,8 +21,23 @@
         <a v-t="'about.coffee'" href="https://www.buymeacoffee.com/ConorMurphy/" />
       </template>
     </i18n-t>
-    <router-link to="/">
-      <button v-t="'homeButton'" type="button" class="btn btn-orange w-10" />
+    <router-link to="/" @click="onClick()">
+      <button v-t="'homeButton'" type="button" class="btn btn-burgundy mt-3 w-25" />
     </router-link>
   </div>
 </template>
+
+<script lang="js">
+import ClickMp3 from '@/assets/audio/click1.mp3';
+import { AudioWrap } from '@/mixins/audiowrap';
+import { defineComponent } from 'vue';
+const click = new AudioWrap(ClickMp3);
+
+export default defineComponent({
+  methods: {
+    onClick() {
+      click.play();
+    }
+  }
+});
+</script>
diff --git a/client/src/views/HowToPlay.vue b/client/src/views/HowToPlay.vue
index b51e430..ac58be1 100644
--- a/client/src/views/HowToPlay.vue
+++ b/client/src/views/HowToPlay.vue
@@ -22,8 +22,8 @@
           :alt="child.alt" />
       </div>
     </div>
-    <router-link to="/">
-      <button v-t="'homeButton'" type="button" class="btn btn-orange w-10" />
+    <router-link to="/" @click="onClick()">
+      <button v-t="'homeButton'" type="button" class="btn btn-burgundy mt-5 w-25" />
     </router-link>
   </div>
 </template>
@@ -34,7 +34,11 @@ import Strike from '@/assets/images/howToPlay/strike.png';
 import Sike from '@/assets/images/howToPlay/sike.png';
 import Choice from '@/assets/images/howToPlay/choice.png';
 import Matching from '@/assets/images/howToPlay/matching.png';
+import ClickMp3 from '@/assets/audio/click1.mp3';
+import { AudioWrap } from '@/mixins/audiowrap';
 import { defineComponent } from 'vue';
+const click = new AudioWrap(ClickMp3);
+
 export default defineComponent({
   data() {
     return {
@@ -46,6 +50,11 @@ export default defineComponent({
         matching: Matching
       }
     };
+  },
+  methods: {
+    onClick() {
+      click.play();
+    }
   }
 });
 </script>

From 08cb739da9b265129f257b4e2f3872d293918bea Mon Sep 17 00:00:00 2001
From: kajgrant <kajgrant@gmail.com>
Date: Mon, 22 Jan 2024 16:49:53 -0800
Subject: [PATCH 3/3] convert to ts

---
 client/src/views/About.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/client/src/views/About.vue b/client/src/views/About.vue
index 73284bf..7955d79 100644
--- a/client/src/views/About.vue
+++ b/client/src/views/About.vue
@@ -21,16 +21,17 @@
         <a v-t="'about.coffee'" href="https://www.buymeacoffee.com/ConorMurphy/" />
       </template>
     </i18n-t>
-    <router-link to="/" @click="onClick()">
+    <router-link to="/" @click="onClick">
       <button v-t="'homeButton'" type="button" class="btn btn-burgundy mt-3 w-25" />
     </router-link>
   </div>
 </template>
 
-<script lang="js">
+<script lang="ts">
 import ClickMp3 from '@/assets/audio/click1.mp3';
 import { AudioWrap } from '@/mixins/audiowrap';
 import { defineComponent } from 'vue';
+
 const click = new AudioWrap(ClickMp3);
 
 export default defineComponent({