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/SideBar.vue
+++ b/frontend/components/nav/SideBar.vue
@@ -34,7 +34,9 @@ const {data: stats}: {data: Ref<{patch: number, count: number}>} = await useFetc

        <div style="display: flex; align-items: center; margin-top: 30px; padding-right: 10px; overflow: hidden;">
        <h1 style="font-size: 2.4rem; padding-left: 20px;">{{ championName }}</h1>
-        <img style="margin-left: 10px;" width="40" height="40" :src="LANE_IMAGES[lanePositionToIndex(lane.data)]" />
+        <NuxtImg format="webp" style="margin-left: 10px;" 
+            width="40" height="40" 
+            :src="LANE_IMAGES[lanePositionToIndex(lane.data)]" />
        <h2 v-if="championName != null && championName != undefined && championName.length < 8" 
            style="margin-left: 5px; font-size: 1.8rem; font-weight: 200;">
            {{ POSITIONS_STR[lanePositionToIndex(lane.data.toLowerCase())] }}