From 77661a74fc658e5ac3e6d82df4202b7261e14264 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 2 Jun 2026 19:15:40 +0300
Subject: [PATCH] media modal dynamic

---
 src/components/media_modal/media_modal.js | 31 ++++++++++++++---------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index 0808b8cd6..f390b3ce2 100644
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@@ -1,12 +1,7 @@
-import Flash from 'src/components/flash/flash.vue'
 import GestureService from '../../services/gesture_service/gesture_service'
-import Modal from '../modal/modal.vue'
-import PinchZoom from '../pinch_zoom/pinch_zoom.vue'
-import StillImage from '../still-image/still-image.vue'
-import SwipeClick from '../swipe_click/swipe_click.vue'
-import VideoAttachment from '../video_attachment/video_attachment.vue'
 
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
+import { defineAsyncComponent } from 'vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -20,12 +15,24 @@ library.add(faChevronLeft, faChevronRight, faCircleNotch, faTimes)
 
 const MediaModal = {
   components: {
-    StillImage,
-    VideoAttachment,
-    PinchZoom,
-    SwipeClick,
-    Modal,
-    Flash,
+    StillImage: defineAsyncComponent(
+      () => import( 'src/components/still-image/still-image.vue'),
+    ),
+    VideoAttachment: defineAsyncComponent(
+      () => import( 'src/components/video_attachment/video_attachment.vue'),
+    ),
+    PinchZoom: defineAsyncComponent(
+      () => import( 'src/components/pinch_zoom/pinch_zoom.vue'),
+    ),
+    SwipeClick: defineAsyncComponent(
+      () => import( 'src/components/swipe_click/swipe_click.vue'),
+    ),
+    Modal: defineAsyncComponent(
+      () => import( 'src/components/modal/modal.vue'),
+    ),
+    Flash: defineAsyncComponent(
+      () => import( 'src/components/flash/flash.vue'),
+    ),
   },
   data() {
     return {