chore: improve lighthouse score

zAlweNy26 · Dec 27, 2024 · 2deb4b2 · 2deb4b2
1 parent 39f78fa
commit 2deb4b2
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/.gitignore b/.gitignore
@@ -23,4 +23,5 @@ logs
 .env.*
 !.env.example
 .wrangler
-.eslintcache
+.eslintcache
+.unlighthouse
diff --git 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
@@ -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
@@ -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()" />