diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js index 11dedfca7..c6cff649a 100644 --- a/src/components/chat_message/chat_message.js +++ b/src/components/chat_message/chat_message.js @@ -1,9 +1,9 @@ import { mapState as mapPiniaState } from 'pinia' import { mapGetters, mapState } from 'vuex' +import { defineAsyncComponent } from 'vue' import Attachment from 'src/components/attachment/attachment.vue' import ChatMessageDate from 'src/components/chat_message_date/chat_message_date.vue' -import Gallery from 'src/components/gallery/gallery.vue' import LinkPreview from 'src/components/link-preview/link-preview.vue' import Popover from 'src/components/popover/popover.vue' import StatusContent from 'src/components/status_content/status_content.vue' @@ -34,7 +34,9 @@ const ChatMessage = { Attachment, StatusContent, UserAvatar, - Gallery, + Gallery: defineAsyncComponent( + () => import( 'src/components/gallery/gallery.vue'), + ), LinkPreview, ChatMessageDate, UserPopover, diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js index 50758c731..992a2b740 100644 --- a/src/components/draft/draft.js +++ b/src/components/draft/draft.js @@ -1,7 +1,6 @@ import { cloneDeep } from 'lodash' import { defineAsyncComponent } from 'vue' -import Gallery from 'src/components/gallery/gallery.vue' import StatusContent from 'src/components/status_content/status_content.vue' import { useMergedConfigStore } from 'src/stores/merged_config.js' @@ -24,7 +23,9 @@ const Draft = { ), StatusContent, - Gallery, + Gallery: defineAsyncComponent( + () => import( 'src/components/gallery/gallery.vue') + ), }, props: { draft: { diff --git a/src/components/draft/draft.vue b/src/components/draft/draft.vue index c8d72f821..c91675e35 100644 --- a/src/components/draft/draft.vue +++ b/src/components/draft/draft.vue @@ -39,7 +39,7 @@ class="faint" >{{ $t('drafts.empty') }}
-