Using <NuxtImg> everywhere :)

2024-12-06 19:27:42 +01:00
parent 1bdf87c6af
commit 80c7f20eb7
7 changed files with 22 additions and 8 deletions
--- a/frontend/components/nav/TierlistList.vue
+++ b/frontend/components/nav/TierlistList.vue
@@ -14,7 +14,9 @@ if(route.path.startsWith("/tierlist/")) {
    <NuxtLink style="margin-top: 5px; margin-bottom: 5px;" v-for="(pos, i) in POSITIONS" :to="'/tierlist/' + pos">
        <div :class="selected == pos ? 'sidebar-link-selected' : ''" 
            class="sidebar-link" style="padding-left: 35px; display: flex; align-items: center;">
-            <img width="40" height="40" :src="LANE_IMAGES[i]" :alt="POSITIONS_STR[i]" />
+            <NuxtImg format="webp" 
+                width="40" height="40" 
+                :src="LANE_IMAGES[i]" :alt="POSITIONS_STR[i]" />
            <h3 style="font-size: 2.1rem; font-weight: 200; margin-left: 10px;">{{ POSITIONS_STR[i] }}</h3>
        </div>
    </NuxtLink>