From 631c35a00afca96ff427594c6f4b933eb1d542fe Mon Sep 17 00:00:00 2001
From: Sebastian <krupinski01@gmail.com>
Date: Mon, 31 Aug 2026 22:40:41 -0400
Subject: [PATCH] fix(preview): show fallback when image loading fails

Signed-off-by: Sebastian <krupinski01@gmail.com>
---
 src/components/ImageViewer.vue | 2 ++
 src/components/MediaStage.vue  | 1 +
 2 files changed, 3 insertions(+)

diff --git a/src/components/ImageViewer.vue b/src/components/ImageViewer.vue
index 82dce91..a9c0229 100644
--- a/src/components/ImageViewer.vue
+++ b/src/components/ImageViewer.vue
@@ -3,6 +3,7 @@ import { ref, computed, onMounted, onUnmounted } from 'vue'
 import type { MediaLeafProps } from '@/types'
 
 const props = defineProps<MediaLeafProps>()
+const emit = defineEmits<{ error: [] }>()
 
 // ── Pan / zoom state ────────────────────────────────────────────────────────
 
@@ -103,6 +104,7 @@ onUnmounted(() => {
         transformOrigin: 'center center',
       }"
       draggable="false"
+      @error="emit('error')"
     />
 
     <!-- Zoom hint -->
diff --git a/src/components/MediaStage.vue b/src/components/MediaStage.vue
index 1fc9c45..7bbc67f 100644
--- a/src/components/MediaStage.vue
+++ b/src/components/MediaStage.vue
@@ -82,6 +82,7 @@ defineExpose({
           :item="item"
           :presentation="presentation"
           class="media-stage__viewer"
+          @error="error = true; url = ''"
         />
       </template>
       <template #fallback>