From 1089c9fe924eb81d73f33ab8bb0bde25803c0e94 Mon Sep 17 00:00:00 2001
From: Michael Winter <mwinter@unboundedpress.org>
Date: Thu, 19 Feb 2026 16:54:14 +0100
Subject: [PATCH] Use NuxtImg consistently for all images

---
 components/ImageSlider.vue  | 2 +-
 pages/scores/[filename].vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/ImageSlider.vue b/components/ImageSlider.vue
index 85bed3e..1ecf818 100644
--- a/components/ImageSlider.vue
+++ b/components/ImageSlider.vue
@@ -25,7 +25,7 @@
     >
 
       <SwiperSlide v-for="image in gallery" class="!flex !items-center !justify-center !h-auto !py-10 !bg-zinc-100">
-          <img :src="'/' + bucket + '/' + image.image" 
+          <NuxtImg :src="'/' + bucket + '/' + image.image" 
           style="max-width: calc(100% - 80px); max-height: 70vh; object-fit: contain;"/>
       </SwiperSlide>
     </Swiper>
diff --git a/pages/scores/[filename].vue b/pages/scores/[filename].vue
index 8038787..2474231 100644
--- a/pages/scores/[filename].vue
+++ b/pages/scores/[filename].vue
@@ -1,7 +1,7 @@
 <template>
     <div class="flex min-h-full items-center justify-center text-center">
         <embed v-if="isPdf" :src="filePath" class="w-[85%] h-[88vh]"/>
-        <img v-else-if="isImage" :src="filePath" class="w-[85%]"/>
+        <NuxtImg v-else-if="isImage" :src="filePath" class="w-[85%]"/>
     </div>
 </template>