chore(deps): update dependency vuetify to v4.1.12

Signed-off-by: Sebastian <krupinski01@gmail.com>

lib/Module.php

@@ -2,10 +2,11 @@
 
 namespace KTXM\MediaViewer;
 
-use KTXF\Module\ModuleBrowserInterface;
+use KTXF\Module\Configuration\BrowserModuleContextInterface;
+use KTXF\Module\Configuration\ModuleContextInterface;
 use KTXF\Module\ModuleInstanceAbstract;
 
-class Module extends ModuleInstanceAbstract implements ModuleBrowserInterface
+class Module extends ModuleInstanceAbstract
 {
 
     public function __construct()
@@ -41,16 +42,10 @@ class Module extends ModuleInstanceAbstract implements ModuleBrowserInterface
         return [];
     }
 
-    public function registerBI(): array
+    public function configure(ModuleContextInterface $context): void
     {
-        return [
+        if ($context instanceof BrowserModuleContextInterface) {
-            'handle' => $this->handle(),
+            $context->registerModule($this, 'MediaViewer', 'static/module.mjs');
-            'namespace' => 'MediaViewer',
+        }
-            'version' => $this->version(),
-            'label' => $this->label(),
-            'author' => $this->author(),
-            'description' => $this->description(),
-            'boot' => 'static/module.mjs',
-        ];
     }
 }

package-lock.json

@@ -2949,9 +2949,9 @@
       }
     },
     "node_modules/vuetify": {
-      "version": "4.1.6",
+      "version": "4.1.12",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-4.1.6.tgz",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-4.1.12.tgz",
-      "integrity": "sha512-VOsRTsNfs+FE4JXMONZkqX2yznSqC/FXG9/pgVVjsoqIjUvJg+CfFTuOlgyWVFrZYY+crk7LV9uaiN8bZREV/g==",
+      "integrity": "sha512-WXGbnuzqUGPZM7nF38C3jiucaLRutHZOICVW0wg1dyXppW11i+su/IT20nK+1o86nsgTdedejeEv53cJUrI30A==",
       "license": "MIT",
       "funding": {
         "type": "github",
@@ -2960,7 +2960,7 @@
       "peerDependencies": {
         "typescript": ">=4.7",
         "vite-plugin-vuetify": ">=2.1.0",
-        "vue": "^3.5.0",
+        "vue": "^3.5.0 || ^3.6.0-0",
         "webpack-plugin-vuetify": ">=3.1.0"
       },
       "peerDependenciesMeta": {

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 -->

src/components/MediaStage.vue

@@ -82,6 +82,7 @@ defineExpose({
           :item="item"
           :presentation="presentation"
           class="media-stage__viewer"
+          @error="error = true; url = ''"
         />
       </template>
       <template #fallback>