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/Logo.vue
+++ b/frontend/components/Logo.vue
@@ -8,7 +8,10 @@ defineProps<{
 <template>
    <div style="width: fit-content; max-width: 100%; overflow: hidden;">
    <NuxtLink style="display: flex; width: fit-content; text-decoration: none;" to="/">
-    <img id="logo-img" alt="BuildPath" :width="imgWidth == null ? '120' : Number(imgWidth)" src="/buildpath-high-resolution-logo-transparent.png" />
+    <NuxtImg id="logo-img" alt="BuildPath" 
+    format="webp"
+    :width="imgWidth == null ? '120' : Number(imgWidth)" 
+    src="/buildpath-high-resolution-logo-transparent.png" />
    <h1 :style="'font-size: ' + (fontSize == null ? '5.0rem' : fontSize) + ';'" id="logo-text">BuildPath</h1>
    </NuxtLink>
    </div>