diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 8e008aef2..a3d8701e5 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -6,10 +6,6 @@ import { createRouter, createWebHistory } from 'vue-router'
 import VueVirtualScroller from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
-import Status from 'src/components/status/status.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import StillImage from 'src/components/still-image/still-image.vue'
-
 import { config } from '@fortawesome/fontawesome-svg-core'
 import {
   FontAwesomeIcon,
@@ -615,9 +611,6 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
 
   app.component('FAIcon', FontAwesomeIcon)
   app.component('FALayers', FontAwesomeLayers)
-  app.component('Status', Status)
-  app.component('RichContent', RichContent)
-  app.component('StillImage', StillImage)
 
   // remove after vue 3.3
   app.config.unwrapInjectedRef = true
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index b6621264c..13d55c159 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -2,14 +2,14 @@ import { mapState } from 'vuex'
 
 import localeService from '../../services/locale/locale.service.js'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
-
+import RichContent from '../rich_content/rich_content.jsx'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
 
 const Announcement = {
   components: {
     AnnouncementEditor,
-
+    RichContent,
   },
   data() {
     return {
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
index da776bf33..1aaee85a1 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -3,7 +3,7 @@ import { defineAsyncComponent } from 'vue'
 
 import nsfwImage from '../../assets/nsfw.png'
 import Popover from '../popover/popover.vue'
-
+import StillImage from '../still-image/still-image.vue'
 import VideoAttachment from '../video_attachment/video_attachment.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -69,12 +69,10 @@ const Attachment = {
     }
   },
   components: {
-    Flash: defineAsyncComponent(
-      () => import( 'src/components/flash/flash.vue'),
-    ),
-
+    Flash: defineAsyncComponent(() => import('src/components/flash/flash.vue')),
+    StillImage,
     VideoAttachment: defineAsyncComponent(
-      () => import( 'src/components/video_attachment/video_attachment.vue'),
+      () => import('src/components/video_attachment/video_attachment.vue'),
     ),
     Popover,
   },
diff --git a/src/components/basic_user_card/basic_user_card.js b/src/components/basic_user_card/basic_user_card.js
index 964c60c56..722d459f3 100644
--- a/src/components/basic_user_card/basic_user_card.js
+++ b/src/components/basic_user_card/basic_user_card.js
@@ -1,4 +1,4 @@
-
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import UserLink from '../user_link/user_link.vue'
 import UserPopover from '../user_popover/user_popover.vue'
@@ -13,7 +13,7 @@ const BasicUserCard = {
   components: {
     UserPopover,
     UserAvatar,
-
+    RichContent,
     UserLink,
   },
   methods: {
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 12a147803..c6cff649a 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -9,7 +9,6 @@ import Popover from 'src/components/popover/popover.vue'
 import StatusContent from 'src/components/status_content/status_content.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserPopover from 'src/components/user_popover/user_popover.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface'
@@ -35,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/chat_title/chat_title.js b/src/components/chat_title/chat_title.js
index 5a2b5d775..b1d4d8b76 100644
--- a/src/components/chat_title/chat_title.js
+++ b/src/components/chat_title/chat_title.js
@@ -1,6 +1,6 @@
 import { defineAsyncComponent } from 'vue'
 
-
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserPopover from 'src/components/user_popover/user_popover.vue'
 
@@ -10,7 +10,7 @@ export default {
   name: 'ChatTitle',
   components: {
     UserAvatar,
-
+    RichContent,
     UserPopover,
   },
   props: ['user', 'withAvatar'],
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 7ca166dbd..b0d3a304c 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -5,7 +5,7 @@ import { mapState } from 'vuex'
 import { WSConnectionStatus } from '../../services/api/api.service.js'
 import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
 import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
-
+import Status from '../status/status.vue'
 import ThreadTree from '../thread_tree/thread_tree.vue'
 
 import { useInterfaceStore } from 'src/stores/interface'
@@ -402,6 +402,7 @@ const conversation = {
     }),
   },
   components: {
+    Status,
     ThreadTree,
     QuickFilterSettings,
     QuickViewSettings,
diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index bfafd052f..412a72d08 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -3,7 +3,6 @@ import { defineAsyncComponent } from 'vue'
 
 import StatusContent from 'src/components/status_content/status_content.vue'
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
@@ -22,7 +21,9 @@ const Draft = {
       () => import('src/components/confirm_modal/confirm_modal.vue'),
     ),
     StatusContent,
-    Gallery,
+    Gallery: defineAsyncComponent(
+      () => import( 'src/components/gallery/gallery.vue')
+    ),
   },
   props: {
     draft: {
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 3f52b175f..0ba717c0b 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -4,7 +4,7 @@ import { defineAsyncComponent } from 'vue'
 import Popover from 'src/components/popover/popover.vue'
 import { ensureFinalFallback } from '../../i18n/languages.js'
 import Checkbox from '../checkbox/checkbox.vue'
-
+import StillImage from '../still-image/still-image.vue'
 
 import { useEmojiStore } from 'src/stores/emoji.js'
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -142,7 +142,7 @@ const EmojiPicker = {
       () => import('src/components/sticker_picker/sticker_picker.vue'),
     ),
     Checkbox,
-
+    StillImage,
     Popover,
   },
   methods: {
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index 8d1045f51..e22336138 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -1,4 +1,4 @@
-
+import StillImage from 'src/components/still-image/still-image.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 import UserListPopover from '../user_list_popover/user_list_popover.vue'
 
@@ -17,7 +17,7 @@ const EmojiReactions = {
   components: {
     UserAvatar,
     UserListPopover,
-
+    StillImage,
   },
   props: ['status'],
   data: () => ({
diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index d649b6425..2994cb531 100644
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@@ -1,10 +1,10 @@
-import GestureService from '../../services/gesture_service/gesture_service'
-
-import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 import { defineAsyncComponent } from 'vue'
 
 import Modal from 'src/components/modal/modal.vue'
 import StillImage from 'src/components/still-image/still-image.vue'
+import GestureService from '../../services/gesture_service/gesture_service'
+
+import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -18,20 +18,18 @@ library.add(faChevronLeft, faChevronRight, faCircleNotch, faTimes)
 
 const MediaModal = {
   components: {
-
+    StillImage,
     VideoAttachment: defineAsyncComponent(
-      () => import( 'src/components/video_attachment/video_attachment.vue'),
+      () => import('src/components/video_attachment/video_attachment.vue'),
     ),
     PinchZoom: defineAsyncComponent(
-      () => import( 'src/components/pinch_zoom/pinch_zoom.vue'),
+      () => import('src/components/pinch_zoom/pinch_zoom.vue'),
     ),
     SwipeClick: defineAsyncComponent(
-      () => import( 'src/components/swipe_click/swipe_click.vue'),
+      () => import('src/components/swipe_click/swipe_click.vue'),
     ),
     Modal,
-    Flash: defineAsyncComponent(
-      () => import( 'src/components/flash/flash.vue'),
-    ),
+    Flash: defineAsyncComponent(() => import('src/components/flash/flash.vue')),
   },
   data() {
     return {
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index 120bcfa7b..85f6fafee 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -11,7 +11,7 @@ import {
   routeTo,
   TIMELINES,
 } from 'src/components/navigation/navigation.js'
-
+import StillImage from 'src/components/still-image/still-image.vue'
 
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
@@ -55,7 +55,7 @@ const NavPanel = {
     },
   },
   components: {
-
+    StillImage,
   },
   computed: {
     getters() {
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 176ad3c9d..c1b6c1441 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -1,14 +1,14 @@
+import { defineAsyncComponent } from 'vue'
 import { mapState } from 'vuex'
 
-
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
 import {
   highlightClass,
   highlightStyle,
 } from '../../services/user_highlighter/user_highlighter.js'
-
 import Report from '../report/report.vue'
-
+import Status from '../status/status.vue'
 import StatusContent from '../status_content/status_content.vue'
 import Timeago from '../timeago/timeago.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
@@ -19,7 +19,6 @@ import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 
-import { defineAsyncComponent } from 'vue'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -65,13 +64,14 @@ const Notification = {
     StatusContent,
     UserAvatar,
     Timeago,
-
+    Status,
     Report,
-
+    RichContent,
     UserPopover,
     UserLink,
-    ConfirmModal: defineAsyncComponent(() => import('src/components/confirm_modal/confirm_modal.vue')),
-
+    ConfirmModal: defineAsyncComponent(
+      () => import('src/components/confirm_modal/confirm_modal.vue'),
+    ),
   },
   mounted() {
     document.addEventListener('selectionchange', this.onContentSelect)
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index 6f82f94e8..5033726f3 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -1,5 +1,5 @@
 import Checkbox from 'components/checkbox/checkbox.vue'
-
+import RichContent from 'components/rich_content/rich_content.jsx'
 import Timeago from 'components/timeago/timeago.vue'
 
 import genRandomSeed from '../../services/random_seed/random_seed.service.js'
@@ -12,7 +12,7 @@ export default {
   props: ['basePoll', 'emoji'],
   components: {
     Timeago,
-
+    RichContent,
     Checkbox,
   },
   data() {
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 164db3896..b2ea91d60 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -17,7 +17,6 @@ import { propsToNative } from '../../services/attributes_helper/attributes_helpe
 import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
 import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 import statusPoster from '../../services/status_poster/status_poster.service.js'
-import Gallery from 'src/components/gallery/gallery.vue'
 
 import { useEmojiStore } from 'src/stores/emoji.js'
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -151,7 +150,9 @@ const PostStatusForm = {
     Select,
     Attachment,
     StatusContent,
-    Gallery,
+    Gallery: defineAsyncComponent(
+      () => import( 'src/components/gallery/gallery.vue')
+    ),
     DraftCloser,
     Popover,
   },
diff --git a/src/components/quote/quote.js b/src/components/quote/quote.js
index 30bb147cf..9525ddff2 100644
--- a/src/components/quote/quote.js
+++ b/src/components/quote/quote.js
@@ -1,5 +1,6 @@
 import { defineAsyncComponent } from 'vue'
 
+import Status from '../status/status.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
@@ -8,7 +9,7 @@ library.add(faCircleNotch)
 
 export default {
   components: {
-
+    Status,
   },
   name: 'Quote',
   props: {
diff --git a/src/components/report/report.js b/src/components/report/report.js
index 66e59480e..fcfb83c3a 100644
--- a/src/components/report/report.js
+++ b/src/components/report/report.js
@@ -1,4 +1,4 @@
-
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import Select from '../select/select.vue'
 import StatusContent from '../status_content/status_content.vue'
 import Timeago from '../timeago/timeago.vue'
@@ -14,7 +14,7 @@ const Report = {
     Select,
     StatusContent,
     Timeago,
-
+    RichContent,
   },
   computed: {
     report() {
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 9ed06eb64..fc17a529f 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -3,7 +3,7 @@ import { flattenDeep, unescape as ldUnescape } from 'lodash'
 import HashtagLink from 'src/components/hashtag_link/hashtag_link.vue'
 import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
 import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
-
+import StillImage from 'src/components/still-image/still-image.vue'
 import StillImageEmojiPopover from 'src/components/still-image/still-image-emoji-popover.vue'
 
 import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 220ec9090..e160514a1 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -3,7 +3,7 @@ import { map, uniqBy } from 'lodash'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import Conversation from '../conversation/conversation.vue'
 import FollowCard from '../follow_card/follow_card.vue'
-
+import Status from '../status/status.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
@@ -14,7 +14,7 @@ const Search = {
   components: {
     FollowCard,
     Conversation,
-
+    Status,
     TabSwitcher,
   },
   props: ['query'],
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index d576ee728..cd422b160 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -151,7 +151,7 @@
 <script>
 import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
-
+import StillImage from 'components/still-image/still-image.vue'
 import { defineAsyncComponent } from 'vue'
 
 export default {
@@ -160,7 +160,7 @@ export default {
     ConfirmModal: defineAsyncComponent(
       () => import('src/components/confirm_modal/confirm_modal.vue'),
     ),
-
+    StillImage,
     SelectComponent,
   },
 
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index 1b8b9e8fa..139f7225a 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -1,7 +1,6 @@
 import { mapActions, mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 import { mapGetters } from 'vuex'
-import UserCard from 'src/components/user_card/user_card.vue'
 
 import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
 import GestureService from '../../services/gesture_service/gesture_service'
@@ -66,7 +65,9 @@ const SideDrawer = {
     }
   },
   components: {
-    UserCard,
+    UserCard: defineAsyncComponent(
+      () => import('src/components/user_card/user_card.vue'),
+    ),
   },
   computed: {
     currentUser() {
diff --git a/src/components/status/status.js b/src/components/status/status.js
index bb79d741d..c854e2c90 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -5,6 +5,7 @@ import AvatarList from 'src/components/avatar_list/avatar_list.vue'
 import EmojiReactions from 'src/components/emoji_reactions/emoji_reactions.vue'
 import MentionLink from 'src/components/mention_link/mention_link.vue'
 import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import StatusActionButtons from 'src/components/status_action_buttons/status_action_buttons.vue'
 import StatusContent from 'src/components/status_content/status_content.vue'
 import Timeago from 'src/components/timeago/timeago.vue'
@@ -13,7 +14,6 @@ import UserLink from 'src/components/user_link/user_link.vue'
 import UserListPopover from 'src/components/user_list_popover/user_list_popover.vue'
 import UserPopover from 'src/components/user_popover/user_popover.vue'
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
-import StatusPopover from 'src/components/status_popover/status_popover.vue'
 import { muteFilterHits } from '../../services/status_parser/status_parser.js'
 import {
   highlightClass,
@@ -120,10 +120,13 @@ const Status = {
     UserAvatar,
     AvatarList,
     Timeago,
-    StatusPopover,
+    StatusPopover: defineAsyncComponent(
+      () => import('src/components/status_popover/status_popover.vue'),
+    ),
     UserListPopover,
     EmojiReactions,
     StatusContent,
+    RichContent,
     MentionLink,
     MentionsLine,
     UserPopover,
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index 661d1befd..ab5add506 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -1,7 +1,6 @@
 import { defineAsyncComponent } from 'vue'
 
 import Popover from 'src/components/popover/popover.vue'
-import EmojiPicker from '../emoji_picker/emoji_picker.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@@ -76,7 +75,9 @@ export default {
           'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
         ),
     ),
-    EmojiPicker,
+    EmojiPicker: defineAsyncComponent(
+      () => import('src/components/emoji_picker/emoji_picker.vue'),
+    ),
     Popover,
   },
   data: () => ({
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index f5bb749a2..1b7d26403 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -1,6 +1,6 @@
 import { mapState } from 'pinia'
 
-
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
@@ -114,7 +114,7 @@ const StatusBody = {
     ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
   components: {
-
+    RichContent,
   },
   mounted() {
     this.status.attentions &&
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
index 553eb58f0..7e92a0287 100644
--- a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
+++ b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
@@ -1,7 +1,7 @@
 import { mapState } from 'pinia'
 
 import Popover from 'src/components/popover/popover.vue'
-
+import StillImage from 'src/components/still-image/still-image.vue'
 
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
@@ -18,7 +18,7 @@ const StatusBookmarkFolderMenu = {
   },
   components: {
     Popover,
-
+    StillImage,
   },
   computed: {
     ...mapState(useBookmarkFoldersStore, {
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index 066896da5..0e0156c56 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -6,7 +6,6 @@ import StatusBody from 'src/components/status_body/status_body.vue'
 import Attachment from '../attachment/attachment.vue'
 import LinkPreview from '../link-preview/link-preview.vue'
 import Poll from '../poll/poll.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
 
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
@@ -133,7 +132,9 @@ const StatusContent = {
   components: {
     Attachment,
     Poll,
-    Gallery,
+    Gallery: defineAsyncComponent(
+      () => import( 'src/components/gallery/gallery.vue')
+    ),
     LinkPreview,
     StatusBody,
   },
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index 516b52301..2cf97d893 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -1,14 +1,14 @@
 import { get } from 'lodash'
 
 import Modal from '../modal/modal.vue'
-
+import Status from '../status/status.vue'
 
 import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
 
 const StatusHistoryModal = {
   components: {
     Modal,
-
+    Status,
   },
   data() {
     return {
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index 0ea05c55a..4c912a139 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -22,6 +22,7 @@ const StatusPopover = {
     },
   },
   components: {
+    Status,
     Popover,
   },
   methods: {
diff --git a/src/components/still-image/still-image-emoji-popover.js b/src/components/still-image/still-image-emoji-popover.js
index d81db14b6..979a67b1e 100644
--- a/src/components/still-image/still-image-emoji-popover.js
+++ b/src/components/still-image/still-image-emoji-popover.js
@@ -2,13 +2,13 @@ import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
 import { mapState } from 'pinia'
 
-
+import StillImage from './still-image.vue'
 
 import { useEmojiStore } from 'src/stores/emoji'
 import { useInterfaceStore } from 'src/stores/interface'
 
 export default {
-  components: { Popover, SelectComponent },
+  components: { StillImage, Popover, SelectComponent },
   props: {
     shortcode: {
       type: String,
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index 645adc39e..f5d5d17fe 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -1,4 +1,4 @@
-
+import Status from '../status/status.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -10,7 +10,7 @@ library.add(faAngleDoubleDown, faAngleDoubleRight)
 
 const ThreadTree = {
   components: {
-
+    Status,
   },
   name: 'ThreadTree',
   props: {
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index bb566e128..e2bcfcf7e 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -5,7 +5,7 @@ import Conversation from '../conversation/conversation.vue'
 import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
 import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
 import ScrollTopButton from '../scroll_top_button/scroll_top_button.vue'
-
+import Status from '../status/status.vue'
 import TimelineMenu from '../timeline_menu/timeline_menu.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
@@ -52,7 +52,7 @@ const Timeline = {
     }
   },
   components: {
-
+    Status,
     ScrollTopButton,
     Conversation,
     TimelineMenu,
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 46c998310..d484303c1 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,4 +1,4 @@
-
+import StillImage from '../still-image/still-image.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
@@ -42,7 +42,7 @@ const UserAvatar = {
     }
   },
   components: {
-
+    StillImage,
   },
   methods: {
     imgSrc(src) {
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 0906b4425..bacb5f609 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -11,7 +11,7 @@ import AccountActions from 'src/components/account_actions/account_actions.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import suggestor from 'src/components/emoji_input/suggestor.js'
-
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import FollowButton from '../follow_button/follow_button.vue'
 import ProgressButton from '../progress_button/progress_button.vue'
 import RemoteFollow from '../remote_follow/remote_follow.vue'
@@ -134,7 +134,7 @@ export default {
     ProgressButton,
     FollowButton,
     Select,
-
+    RichContent,
     UserLink,
     UserNote,
     UserTimedFilterModal: defineAsyncComponent(
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 3eb142954..4d77d92d0 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -669,7 +669,6 @@
     </template>
     <teleport to="#modal">
       <UserTimedFilterModal
-        v-if="isOtherUser"
         ref="timedMuteDialog"
         :user="user"
         :is-mute="true"
diff --git a/src/components/user_list_popover/user_list_popover.js b/src/components/user_list_popover/user_list_popover.js
index c9ca5e0a1..319657e0e 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -1,7 +1,8 @@
 import { defineAsyncComponent } from 'vue'
 
-import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import Popover from 'src/components/popover/popover.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -18,6 +19,7 @@ const UserListPopover = {
   name: 'UserListPopover',
   props: ['users'],
   components: {
+    RichContent,
     UnicodeDomainIndicator,
     Popover,
     UserAvatar,
diff --git a/src/components/user_popover/user_popover.js b/src/components/user_popover/user_popover.js
index de354d676..2a77151a2 100644
--- a/src/components/user_popover/user_popover.js
+++ b/src/components/user_popover/user_popover.js
@@ -2,7 +2,6 @@ import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
 import Popover from 'src/components/popover/popover.vue'
-import UserCard from 'src/components/user_card/user_card.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
@@ -10,7 +9,9 @@ const UserPopover = {
   name: 'UserPopover',
   props: ['userId', 'overlayCenters', 'disabled', 'overlayCentersSelector'],
   components: {
-    UserCard,
+    UserCard: defineAsyncComponent(
+      () => import('src/components/user_card/user_card.vue'),
+    ),
     Popover,
   },
   computed: mapState(useMergedConfigStore, {
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 4db1b8e9c..18c0dabf2 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -1,7 +1,7 @@
 import { get } from 'lodash'
 import { mapState } from 'pinia'
 
-
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import withLoadMore from '../../hocs/with_load_more/with_load_more'
 import Conversation from '../conversation/conversation.vue'
@@ -209,7 +209,7 @@ const UserProfile = {
     FollowCard,
     TabSwitcher,
     Conversation,
-
+    RichContent,
   },
 }
 
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index 66cdb108f..896167df0 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -1,14 +1,14 @@
 import Checkbox from '../checkbox/checkbox.vue'
 import List from '../list/list.vue'
 import Modal from '../modal/modal.vue'
-
+import Status from '../status/status.vue'
 import UserLink from '../user_link/user_link.vue'
 
 import { useReportsStore } from 'src/stores/reports.js'
 
 const UserReportingModal = {
   components: {
-
+    Status,
     List,
     Checkbox,
     Modal,
diff --git a/test/unit/specs/components/rich_content.spec.js b/test/unit/specs/components/rich_content.spec.js
index 16f410fc8..fdf6c7f8f 100644
--- a/test/unit/specs/components/rich_content.spec.js
+++ b/test/unit/specs/components/rich_content.spec.js
@@ -1,6 +1,6 @@
 import { mount, shallowMount } from '@vue/test-utils'
 
-
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 
 const attentions = []
 const global = {