From e6db1813ed919b0d172fd69f3c3b1b09eafefb47 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 4 Jun 2026 21:24:35 +0300
Subject: [PATCH] more minor dynamic imports

---
 src/App.js                                    |  5 ++--
 .../action_button_container.js                |  5 ++--
 src/components/user_card/user_card.js         | 29 ++++++++++---------
 3 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/src/App.js b/src/App.js
index b7733ffb7..4e61f9883 100644
--- a/src/App.js
+++ b/src/App.js
@@ -13,7 +13,6 @@ import NavPanel from './components/nav_panel/nav_panel.vue'
 import PostStatusModal from './components/post_status_modal/post_status_modal.vue'
 import UserPanel from './components/user_panel/user_panel.vue'
 import UserReportingModal from './components/user_reporting_modal/user_reporting_modal.vue'
-import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
 import { getOrCreateServiceWorker } from './services/sw/sw'
 import { windowHeight, windowWidth } from './services/window_utils/window_utils'
 
@@ -41,7 +40,9 @@ export default {
     ),
     InstanceSpecificPanel,
     FeaturesPanel,
-    WhoToFollowPanel,
+    WhoToFollowPanel: defineAsyncComponent(
+      () => import('./components/who_to_follow_panel/who_to_follow_panel.vue'),
+    ),
     ShoutPanel: defineAsyncComponent(
       () => import('src/components/shout_panel/shout_panel.vue'),
     ),
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index 35f5b95b7..6ac827198 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -1,4 +1,3 @@
-import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
 import Popover from 'src/components/popover/popover.vue'
 import ActionButton from './action_button.vue'
 import { defineAsyncComponent } from 'vue'
@@ -16,7 +15,9 @@ export default {
   components: {
     ActionButton,
     Popover,
-    MuteConfirm,
+    MuteConfirm: defineAsyncComponent(
+      () => import( 'src/components/confirm_modal/mute_confirm.vue'),
+    ),
     UserTimedFilterModal: defineAsyncComponent(
       () => import( 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'),
     ),
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 0906b4425..ed0eb13c2 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -7,19 +7,15 @@ import {
 import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
-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 FollowButton from '../follow_button/follow_button.vue'
-import ProgressButton from '../progress_button/progress_button.vue'
-import RemoteFollow from '../remote_follow/remote_follow.vue'
-import Select from '../select/select.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import UserLink from '../user_link/user_link.vue'
+import ProgressButton from 'src/components/progress_button/progress_button.vue'
+import Select from 'src/components/select/select.vue'
+import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
+import UserLink from 'src/components/user_link/user_link.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
-import UserNote from '../user_note/user_note.vue'
 
 import { useEmojiStore } from 'src/stores/emoji.js'
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -126,17 +122,24 @@ export default {
     ),
     UserAvatar,
     Checkbox,
-    RemoteFollow,
+    RemoteFollow: defineAsyncComponent(
+      () => import( 'src/components/remote_follow/remote_follow.vue'),
+    ),
     ModerationTools: defineAsyncComponent(
       () => import( 'src/components/moderation_tools/moderation_tools.vue'),
     ),
-    AccountActions,
+    AccountActions: defineAsyncComponent(
+      () => import( 'src/components/account_actions/account_actions.vue'),
+    ),
     ProgressButton,
-    FollowButton,
+    FollowButton: defineAsyncComponent(
+      () => import( 'src/components/follow_button/follow_button.vue'),
+    ),
     Select,
-
     UserLink,
-    UserNote,
+    UserNote: defineAsyncComponent(
+      () => import( 'src/components/user_note/user_note.vue'),
+    ),
     UserTimedFilterModal: defineAsyncComponent(
       () => import( 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'),
     ),