From eb6d02944528e60d62f25623c943a5998fcaa074 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 2 Jun 2026 20:14:58 +0300
Subject: [PATCH] dynamic imports for action buttons

---
 src/components/status_action_buttons/action_button.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index e1589602c..2abf2f941 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -1,10 +1,9 @@
-import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
 import Popover from 'src/components/popover/popover.vue'
-import StatusBookmarkFolderMenu from 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { defineAsyncComponent } from 'vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -69,8 +68,12 @@ export default {
     'outerClose',
   ],
   components: {
-    StatusBookmarkFolderMenu,
-    EmojiPicker,
+    StatusBookmarkFolderMenu: defineAsyncComponent(
+      () => import( 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'),
+    ),
+    EmojiPicker: defineAsyncComponent(
+      () => import( 'src/components/emoji_picker/emoji_picker.vue'),
+    ),
     Popover,
   },
   data: () => ({