From 2deb4b27f69db9547ce9c2e6bea425b92706db9b Mon Sep 17 00:00:00 2001
From: Dany <zdanymc@gmail.com>
Date: Fri, 27 Dec 2024 22:17:37 +0100
Subject: [PATCH] chore: improve lighthouse score

---
 .gitignore                    | 3 ++-
 app/components/NavHeader.vue  | 2 +-
 app/pages/(info)/contacts.vue | 3 ++-
 app/pages/board.vue           | 5 +++--
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/.gitignore b/.gitignore
index 5114f73..779ef62 100644
--- a/.gitignore
+++ b/.gitignore
@@ -23,4 +23,5 @@ logs
 .env.*
 !.env.example
 .wrangler
-.eslintcache
\ No newline at end of file
+.eslintcache
+.unlighthouse
\ No newline at end of file
diff --git a/app/components/NavHeader.vue b/app/components/NavHeader.vue
index 49d325b..9148f51 100644
--- a/app/components/NavHeader.vue
+++ b/app/components/NavHeader.vue
@@ -12,7 +12,7 @@ const { title } = useAppConfig()
         <strong>{{ title }}</strong>
         <span class="hidden sm:inline-block">{{ $t('donate.with') }}</span>
       </i18n-t>
-      <NuButton variant="subtle" size="sm" color="info" class="px-1.5 sm:px-2.5"
+      <NuButton variant="subtle" size="sm" color="info" class="px-1.5 sm:px-2.5" aria-label="PayPal"
                 target="_blank" to="https://paypal.me/danyalwe" external icon="i-tabler-brand-paypal-filled">
         <span class="hidden sm:inline-block">PayPal</span>
       </NuButton>
diff --git a/app/pages/(info)/contacts.vue b/app/pages/(info)/contacts.vue
index 6112d7b..fc4a035 100644
--- a/app/pages/(info)/contacts.vue
+++ b/app/pages/(info)/contacts.vue
@@ -45,7 +45,8 @@ const { title } = useAppConfig()
     <div class="flex flex-wrap gap-8 w-full items-center justify-evenly">
       <NuCard v-for="member in devTeam" :key="member.name" class="text-center" :ui="{ header: 'grid place-content-center' }">
         <template v-if="member.avatar" #header>
-          <NuxtImg :alt="member.name" class="rounded-2xl size-32" size="2xl" :src="member.avatar" />
+          <NuxtImg :alt="member.name" :src="member.avatar" class="rounded-2xl size-32"
+                   size="2xl" quality="100" format="webp" loading="eager" />
         </template>
         <h3 class="font-bold">
           {{ member.name }}
diff --git a/app/pages/board.vue b/app/pages/board.vue
index 9e09fe6..4ce4d57 100644
--- a/app/pages/board.vue
+++ b/app/pages/board.vue
@@ -111,7 +111,7 @@ function extractNumber() {
         <span class="font-semibold">{{ $t('game.id') }}:</span>
         <span>{{ gameId }}</span>
       </p>
-      <p class="italic">
+      <p class="italic text-sm">
         {{ $t('game.description') }}
       </p>
     </div>
@@ -148,7 +148,8 @@ function extractNumber() {
             </div>
           </div>
         </div>
-        <NuSelect v-model="smirk" :placeholder="$t('board.smirk')" size="xl" :items="smirkOptions" />
+        <NuSelect v-model="smirk" :placeholder="$t('board.smirk')" color="primary" variant="subtle"
+                  size="xl" :aria-label="$t('board.smirk')" :items="smirkOptions" />
         <NuSwitch v-model="autoAnnounce" :disabled="!smirk" size="xl" :label="$t('board.announcer')"
                   uncheckedIcon="i-tabler-x" checkedIcon="i-tabler-check" defaultValue />
         <NuButton icon="i-tabler-numbers" :disabled="remaining === 0 || !smirk" size="xl" :label="$t('board.draw')" @click="extractNumber()" />