confirm modal + lint

src/components/status_action_buttons/action_button.js

@@ -1,15 +1,16 @@
+import { defineAsyncComponent } from 'vue'
+
 import Popover from 'src/components/popover/popover.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 {
   faBookmark as faBookmarkRegular,
-  faStar as faStarRegular,
   faFaceSmileBeam,
+  faStar as faStarRegular,
 } from '@fortawesome/free-regular-svg-icons'
 import {
   faBookmark,
@@ -69,10 +70,13 @@ export default {
   ],
   components: {
     StatusBookmarkFolderMenu: defineAsyncComponent(
-      () => import( 'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'),
+      () =>
+        import(
+          'src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.vue'
+        ),
     ),
     EmojiPicker: defineAsyncComponent(
-      () => import( 'src/components/emoji_picker/emoji_picker.vue'),
+      () => import('src/components/emoji_picker/emoji_picker.vue'),
     ),
     Popover,
   },

src/components/status_action_buttons/status_action_buttons.js

@@ -1,6 +1,6 @@
 import { mapState } from 'pinia'
+import { defineAsyncComponent } from 'vue'
 
-import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
 import Popover from 'src/components/popover/popover.vue'
 import ActionButtonContainer from './action_button_container.vue'
 import { BUTTONS } from './buttons_definitions.js'
@@ -33,7 +33,10 @@ const StatusActionButtons = {
   },
   components: {
     Popover,
-    ConfirmModal,
+    ConfirmModal: defineAsyncComponent(
+      () => import('src/components/confirm_modal/confirm_modal.vue'),
+    ),
+
     ActionButtonContainer,
   },
   computed: {

src/components/status_action_buttons/status_action_buttons.vue

@@ -116,7 +116,7 @@
     </span>
 
     <teleport to="#modal">
-      <confirm-modal
+      <ConfirmModal
         v-if="showingConfirmDialog"
         :title="currentConfirmTitle"
         :confirm-text="currentConfirmOkText"
@@ -125,7 +125,7 @@
         @cancelled="showingConfirmDialog = false"
       >
         {{ currentConfirmBody }}
-      </confirm-modal>
+      </ConfirmModal>
     </teleport>
   </div>
 </template>