From 3d19008f0cb0bed027f9c51833bafacd2090d43d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 4 Jun 2026 21:59:09 +0300
Subject: [PATCH] lint

---
 build/sw_plugin.js                            | 19 ++++++++--------
 src/App.js                                    | 13 ++++++-----
 src/boot/after_store.js                       |  2 +-
 .../account_actions/account_actions.js        |  7 ++++--
 src/components/announcement/announcement.js   |  4 +---
 src/components/attachment/attachment.js       |  9 +++-----
 .../basic_user_card/basic_user_card.js        |  1 -
 src/components/block_card/block_card.js       |  2 +-
 .../bookmark_folder_edit.js                   |  2 +-
 src/components/chat/chat.js                   |  6 ++---
 src/components/chat_message/chat_message.js   |  4 ++--
 src/components/chat_title/chat_title.js       |  1 -
 src/components/color_input/color_input.vue    |  2 +-
 src/components/conversation/conversation.js   |  3 +--
 src/components/draft/draft.js                 |  4 ++--
 src/components/draft_closer/draft_closer.js   |  1 +
 .../edit_status_form/edit_status_form.js      |  2 +-
 .../edit_status_modal/edit_status_modal.js    |  2 +-
 src/components/emoji_picker/emoji_picker.js   |  3 +--
 .../emoji_reactions/emoji_reactions.js        |  2 --
 src/components/font_control/font_control.js   |  2 +-
 src/components/interactions/interactions.js   |  2 +-
 .../interface_language_switcher.js            |  2 +-
 src/components/lists_edit/lists_edit.js       |  4 ++--
 src/components/media_modal/media_modal.js     | 17 ++++++--------
 src/components/mute_card/mute_card.js         |  2 +-
 src/components/navigation/navigation_pins.js  |  5 +----
 src/components/notification/notification.js   | 22 +++++++++----------
 src/components/notifications/notifications.js |  4 ++--
 src/components/poll/poll.js                   |  1 -
 .../post_status_form/post_status_form.js      |  8 +++----
 src/components/quote/quote.js                 |  5 +----
 src/components/registration/registration.js   |  2 +-
 src/components/report/report.js               |  2 --
 src/components/rich_content/rich_content.jsx  |  2 +-
 src/components/search/search.js               |  3 +--
 .../helpers/emoji_editing_popover.vue         |  1 -
 src/components/side_drawer/side_drawer.js     |  2 +-
 src/components/staff_panel/staff_panel.js     |  2 +-
 src/components/status/status.js               |  4 ++--
 .../action_button_container.js                | 10 ++++++---
 src/components/status_body/status_body.js     |  6 +----
 .../status_bookmark_folder_menu.js            |  2 --
 .../status_content/status_content.js          |  6 ++---
 .../status_history_modal.js                   |  2 --
 .../still-image/still-image-emoji-popover.js  |  2 --
 src/components/thread_tree/thread_tree.js     |  6 +----
 src/components/timeline/timeline.js           |  2 --
 src/components/timeline_menu/timeline_menu.js |  4 ++--
 src/components/user_avatar/user_avatar.js     |  6 +----
 src/components/user_card/user_card.js         | 22 ++++++++++---------
 .../user_list_popover/user_list_popover.js    |  2 +-
 src/components/user_panel/user_panel.js       |  1 +
 src/components/user_profile/user_profile.js   |  6 ++---
 .../user_reporting_modal.js                   |  2 --
 src/components/who_to_follow/who_to_follow.js |  2 +-
 .../specs/components/rich_content.spec.js     |  2 +-
 vite.config.js                                |  5 +----
 58 files changed, 114 insertions(+), 155 deletions(-)

diff --git a/build/sw_plugin.js b/build/sw_plugin.js
index 115e8ca3a..6abe7b8d6 100644
--- a/build/sw_plugin.js
+++ b/build/sw_plugin.js
@@ -1,7 +1,7 @@
 import { readFile } from 'node:fs/promises'
-import { exactRegex } from '@rolldown/pluginutils'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+import { exactRegex } from '@rolldown/pluginutils'
 import { build } from 'vite'
 
 import {
@@ -15,7 +15,6 @@ const getSWMessagesAsText = async () => {
 }
 const projectRoot = dirname(dirname(fileURLToPath(import.meta.url)))
 
-
 // Idea taken from
 // https://github.com/vite-pwa/vite-plugin-pwa/blob/main/src/plugins/build.ts
 // rollup does not support compiling to iife if we want to code-split;
@@ -27,13 +26,13 @@ export const buildSwPlugin = ({ swSrc, swDest }) => {
   const swEnvName = 'virtual:pleroma-fe/service_worker_env'
   const swEnvNameResolved = '\0' + swEnvName
 
-  let rootConfig, config
+  let config
 
   return {
     name: 'build-sw-plugin',
     enforce: 'post',
     configResolved(resolvedConfig) {
-      rootConfig = resolvedConfig
+      resolvedConfig
       config = {
         define: resolvedConfig.define,
         resolve: resolvedConfig.resolve,
@@ -44,14 +43,14 @@ export const buildSwPlugin = ({ swSrc, swDest }) => {
           emptyOutDir: false,
           rolldownOptions: {
             input: {
-              main: swSrc
+              main: swSrc,
             },
             context: 'self',
             output: {
               entryFileNames: swDest,
               codeSplitting: false,
               format: 'iife',
-            }
+            },
           },
         },
         configFile: false,
@@ -76,7 +75,7 @@ export const buildSwPlugin = ({ swSrc, swDest }) => {
             filter: { id: exactRegex(swEnvNameResolved) },
             handler() {
               return `self.serviceWorkerOption = { assets: ${JSON.stringify(assets)} };`
-            }
+            },
           },
         })
       },
@@ -85,7 +84,7 @@ export const buildSwPlugin = ({ swSrc, swDest }) => {
       filter: { id: new RegExp(swDest) },
       handler() {
         return swFullSrc
-      }
+      },
     },
     load: {
       filter: { id: new RegExp(swFullSrc) },
@@ -100,12 +99,12 @@ export const buildSwPlugin = ({ swSrc, swDest }) => {
           load: {
             filter: { id: exactRegex(swEnvNameResolved) },
             handler: () => 'self.serviceWorkerOption = { assets: [] }',
-          }
+          },
         })
 
         const swBundle = await build(config)
         return swBundle.output[0]
-      }
+      },
     },
     closeBundle: {
       order: 'post',
diff --git a/src/App.js b/src/App.js
index 0f755a1f0..e2f6c6454 100644
--- a/src/App.js
+++ b/src/App.js
@@ -38,13 +38,14 @@ export default {
     InstanceSpecificPanel,
     FeaturesPanel,
     WhoToFollowPanel: defineAsyncComponent(
-      () => import('src/components/who_to_follow_panel/who_to_follow_panel.vue'),
+      () =>
+        import('src/components/who_to_follow_panel/who_to_follow_panel.vue'),
     ),
     ShoutPanel: defineAsyncComponent(
       () => import('src/components/shout_panel/shout_panel.vue'),
     ),
-    MediaModal:  defineAsyncComponent(
-      () => import( 'src/components/media_modal/media_modal.vue'),
+    MediaModal: defineAsyncComponent(
+      () => import('src/components/media_modal/media_modal.vue'),
     ),
     MobilePostStatusButton,
     MobileNav,
@@ -53,13 +54,15 @@ export default {
       () => import('src/components/settings_modal/settings_modal.vue'),
     ),
     UpdateNotification: defineAsyncComponent(
-      () => import('src/components/update_notification/update_notification.vue'),
+      () =>
+        import('src/components/update_notification/update_notification.vue'),
     ),
     PostStatusModal: defineAsyncComponent(
       () => import('src/components/post_status_modal/post_status_modal.vue'),
     ),
     UserReportingModal: defineAsyncComponent(
-      () => import('src/components/user_reporting_modal/user_reporting_modal.vue')
+      () =>
+        import('src/components/user_reporting_modal/user_reporting_modal.vue'),
     ),
     EditStatusModal: defineAsyncComponent(
       () => import('src/components/edit_status_modal/edit_status_modal.vue'),
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 8e008aef2..fe65a7387 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -6,8 +6,8 @@ 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 Status from 'src/components/status/status.vue'
 import StillImage from 'src/components/still-image/still-image.vue'
 
 import { config } from '@fortawesome/fontawesome-svg-core'
diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index 2465639de..9b4775b97 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -1,9 +1,9 @@
 import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
-import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
 import Popover from 'src/components/popover/popover.vue'
 import ProgressButton from 'src/components/progress_button/progress_button.vue'
+import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
@@ -30,7 +30,10 @@ const AccountActions = {
       () => import('src/components/confirm_modal/confirm_modal.vue'),
     ),
     UserTimedFilterModal: defineAsyncComponent(
-      () => import( 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'),
+      () =>
+        import(
+          'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+        ),
     ),
   },
   methods: {
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index 9b3dbc859..7f559f8fe 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -1,15 +1,13 @@
 import { mapState } from 'vuex'
 
-import localeService from '../../services/locale/locale.service.js'
 import AnnouncementEditor from 'src/components/announcement_editor/announcement_editor.vue'
-
+import localeService from '../../services/locale/locale.service.js'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
 
 const Announcement = {
   components: {
     AnnouncementEditor,
-
   },
   data() {
     return {
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
index 615c1389c..4b733258f 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -1,10 +1,9 @@
 import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
-import nsfwImage from '../../assets/nsfw.png'
 import Popover from 'src/components/popover/popover.vue'
-
 import VideoAttachment from 'src/components/video_attachment/video_attachment.vue'
+import nsfwImage from '../../assets/nsfw.png'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@@ -69,12 +68,10 @@ const Attachment = {
     }
   },
   components: {
-    Flash: defineAsyncComponent(
-      () => import( 'src/components/flash/flash.vue'),
-    ),
+    Flash: defineAsyncComponent(() => import('src/components/flash/flash.vue')),
 
     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 73a664b33..1c69f81b4 100644
--- a/src/components/basic_user_card/basic_user_card.js
+++ b/src/components/basic_user_card/basic_user_card.js
@@ -1,4 +1,3 @@
-
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserLink from 'src/components/user_link/user_link.vue'
 import UserPopover from 'src/components/user_popover/user_popover.vue'
diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 0e7335c65..6484accff 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -1,7 +1,7 @@
 import { mapState } from 'pinia'
 
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 
diff --git a/src/components/bookmark_folder_edit/bookmark_folder_edit.js b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
index 2bfe780f3..43aa239b2 100644
--- a/src/components/bookmark_folder_edit/bookmark_folder_edit.js
+++ b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
@@ -1,5 +1,5 @@
-import apiService from '../../services/api/api.service'
 import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
+import apiService from '../../services/api/api.service'
 
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
diff --git a/src/components/chat/chat.js b/src/components/chat/chat.js
index 8005c2c70..7428c0dc7 100644
--- a/src/components/chat/chat.js
+++ b/src/components/chat/chat.js
@@ -2,13 +2,13 @@ import { throttle } from 'lodash'
 import { mapState as mapPiniaState } from 'pinia'
 import { mapGetters, mapState } from 'vuex'
 
+import ChatMessage from 'src/components/chat_message/chat_message.vue'
+import ChatTitle from 'src/components/chat_title/chat_title.vue'
+import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import { WSConnectionStatus } from '../../services/api/api.service.js'
 import chatService from '../../services/chat_service/chat_service.js'
 import { buildFakeMessage } from '../../services/chat_utils/chat_utils.js'
 import { promiseInterval } from '../../services/promise_interval/promise_interval.js'
-import ChatMessage from 'src/components/chat_message/chat_message.vue'
-import ChatTitle from 'src/components/chat_title/chat_title.vue'
-import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import {
   getNewTopPosition,
   getScrollPosition,
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 12a147803..ba06172ed 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -1,15 +1,15 @@
 import { mapState as mapPiniaState } from 'pinia'
-import { mapGetters, mapState } from 'vuex'
 import { defineAsyncComponent } from 'vue'
+import { mapGetters, mapState } from 'vuex'
 
 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'
 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'
diff --git a/src/components/chat_title/chat_title.js b/src/components/chat_title/chat_title.js
index 5a2b5d775..52d4445b6 100644
--- a/src/components/chat_title/chat_title.js
+++ b/src/components/chat_title/chat_title.js
@@ -1,6 +1,5 @@
 import { defineAsyncComponent } from 'vue'
 
-
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserPopover from 'src/components/user_popover/user_popover.vue'
 
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index f7e553f58..208bdf2dc 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -66,8 +66,8 @@
 <script>
 import { throttle } from 'lodash'
 
-import { hex2rgb } from '../../services/color_convert/color_convert.js'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
+import { hex2rgb } from '../../services/color_convert/color_convert.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faEyeDropper } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 3ce1b93ef..da15c79d6 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -2,11 +2,10 @@ import { clone, filter, findIndex, get, reduce } from 'lodash'
 import { mapState as mapPiniaState } from 'pinia'
 import { mapState } from 'vuex'
 
-import { WSConnectionStatus } from '../../services/api/api.service.js'
 import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
 import QuickViewSettings from 'src/components/quick_view_settings/quick_view_settings.vue'
-
 import ThreadTree from 'src/components/thread_tree/thread_tree.vue'
+import { WSConnectionStatus } from '../../services/api/api.service.js'
 
 import { useInterfaceStore } from 'src/stores/interface'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index bfafd052f..529d3ddf1 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -1,9 +1,9 @@
 import { cloneDeep } from 'lodash'
 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 PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
+import StatusContent from 'src/components/status_content/status_content.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
diff --git a/src/components/draft_closer/draft_closer.js b/src/components/draft_closer/draft_closer.js
index d60243dbd..02c556922 100644
--- a/src/components/draft_closer/draft_closer.js
+++ b/src/components/draft_closer/draft_closer.js
@@ -1,4 +1,5 @@
 import { defineAsyncComponent } from 'vue'
+
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 const DraftCloser = {
diff --git a/src/components/edit_status_form/edit_status_form.js b/src/components/edit_status_form/edit_status_form.js
index fe360e85c..f7fd3d04d 100644
--- a/src/components/edit_status_form/edit_status_form.js
+++ b/src/components/edit_status_form/edit_status_form.js
@@ -1,5 +1,5 @@
-import statusPosterService from '../../services/status_poster/status_poster.service.js'
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
+import statusPosterService from '../../services/status_poster/status_poster.service.js'
 
 const EditStatusForm = {
   components: {
diff --git a/src/components/edit_status_modal/edit_status_modal.js b/src/components/edit_status_modal/edit_status_modal.js
index fab3d295b..c3ba7e4cb 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -8,7 +8,7 @@ import { useEditStatusStore } from 'src/stores/editStatus.js'
 const EditStatusModal = {
   components: {
     EditStatusForm: defineAsyncComponent(
-      () => import( 'src/components/edit_status_form/edit_status_form.vue'),
+      () => import('src/components/edit_status_form/edit_status_form.vue'),
     ),
     Modal,
   },
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index bfe3d1802..bc2bb092b 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -1,10 +1,9 @@
 import { chunk, debounce, trim } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 
+import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Popover from 'src/components/popover/popover.vue'
 import { ensureFinalFallback } from '../../i18n/languages.js'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-
 
 import { useEmojiStore } from 'src/stores/emoji.js'
 import { useInstanceStore } from 'src/stores/instance.js'
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index 34f989d0e..acb5404c0 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -1,4 +1,3 @@
-
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserListPopover from 'src/components/user_list_popover/user_list_popover.vue'
 
@@ -17,7 +16,6 @@ const EmojiReactions = {
   components: {
     UserAvatar,
     UserListPopover,
-
   },
   props: ['status'],
   data: () => ({
diff --git a/src/components/font_control/font_control.js b/src/components/font_control/font_control.js
index d223f44dc..697d83ee2 100644
--- a/src/components/font_control/font_control.js
+++ b/src/components/font_control/font_control.js
@@ -1,7 +1,7 @@
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Popover from 'src/components/popover/popover.vue'
-import LocalSettingIndicator from 'src/components/settings_modal/helpers/local_setting_indicator.vue'
 import Select from 'src/components/select/select.vue'
+import LocalSettingIndicator from 'src/components/settings_modal/helpers/local_setting_indicator.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 
diff --git a/src/components/interactions/interactions.js b/src/components/interactions/interactions.js
index 53a6bbc79..142a5fc8a 100644
--- a/src/components/interactions/interactions.js
+++ b/src/components/interactions/interactions.js
@@ -1,5 +1,5 @@
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import Notifications from 'src/components/notifications/notifications.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 
 const tabModeDict = {
   mentions: ['mention'],
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
index a76779823..bcf22fe9b 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -1,7 +1,7 @@
 import { v4 as uuidv4 } from 'uuid'
 
-import localeService from '../../services/locale/locale.service.js'
 import Select from 'src/components/select/select.vue'
+import localeService from '../../services/locale/locale.service.js'
 
 export default {
   components: {
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index 625b6a5bc..d7a8525a8 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -1,10 +1,10 @@
 import { mapState as mapPiniaState } from 'pinia'
 import { mapGetters, mapState } from 'vuex'
 
-import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 import ListsUserSearch from 'src/components/lists_user_search/lists_user_search.vue'
+import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index d649b6425..ad53b6e31 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,17 @@ library.add(faChevronLeft, faChevronRight, faCircleNotch, faTimes)
 
 const MediaModal = {
   components: {
-
     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/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index 5efd1c009..0d247930a 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -1,5 +1,5 @@
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 
 const MuteCard = {
   props: ['userId'],
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index 120bcfa7b..c3649e4b3 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -12,7 +12,6 @@ import {
   TIMELINES,
 } from 'src/components/navigation/navigation.js'
 
-
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -54,9 +53,7 @@ const NavPanel = {
       return routeTo(item, this.currentUser)
     },
   },
-  components: {
-
-  },
+  components: {},
   computed: {
     getters() {
       return this.$store.getters
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index cf27ea81d..856850920 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -1,25 +1,22 @@
+import { defineAsyncComponent } from 'vue'
 import { mapState } from 'vuex'
 
-
+import Report from 'src/components/report/report.vue'
+import StatusContent from 'src/components/status_content/status_content.vue'
+import Timeago from 'src/components/timeago/timeago.vue'
+import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
+import UserLink from 'src/components/user_link/user_link.vue'
+import UserPopover from 'src/components/user_popover/user_popover.vue'
 import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
 import {
   highlightClass,
   highlightStyle,
 } from '../../services/user_highlighter/user_highlighter.js'
 
-import Report from 'src/components/report/report.vue'
-
-import StatusContent from 'src/components/status_content/status_content.vue'
-import Timeago from 'src/components/timeago/timeago.vue'
-import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
-import UserLink from 'src/components/user_link/user_link.vue'
-import UserPopover from 'src/components/user_popover/user_popover.vue'
-
 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'
@@ -70,8 +67,9 @@ const Notification = {
 
     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/notifications/notifications.js b/src/components/notifications/notifications.js
index bc481360c..49349b127 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -2,6 +2,8 @@ import { mapState } from 'pinia'
 import { computed } from 'vue'
 import { mapGetters } from 'vuex'
 
+import ExtraNotifications from 'src/components/extra_notifications/extra_notifications.vue'
+import Notification from 'src/components/notification/notification.vue'
 import FaviconService from '../../services/favicon_service/favicon_service.js'
 import {
   ACTIONABLE_NOTIFICATION_TYPES,
@@ -11,8 +13,6 @@ import {
   unseenNotificationsFromStore,
 } from '../../services/notification_utils/notification_utils.js'
 import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
-import ExtraNotifications from 'src/components/extra_notifications/extra_notifications.vue'
-import Notification from 'src/components/notification/notification.vue'
 import NotificationFilters from './notification_filters.vue'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index 6f82f94e8..3ea9a1890 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -1,5 +1,4 @@
 import Checkbox from 'components/checkbox/checkbox.vue'
-
 import Timeago from 'components/timeago/timeago.vue'
 
 import genRandomSeed from '../../services/random_seed/random_seed.service.js'
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 164db3896..7eb129430 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -1,13 +1,14 @@
 import { debounce, map, reject, uniqBy } from 'lodash'
 import { mapActions, mapState } from 'pinia'
-import { mapGetters } from 'vuex'
 import { defineAsyncComponent } from 'vue'
+import { mapGetters } from 'vuex'
 
 import Attachment from 'src/components/attachment/attachment.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import DraftCloser from 'src/components/draft_closer/draft_closer.vue'
 import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import suggestor from 'src/components/emoji_input/suggestor.js'
+import Gallery from 'src/components/gallery/gallery.vue'
 import MediaUpload from 'src/components/media_upload/media_upload.vue'
 import Popover from 'src/components/popover/popover.vue'
 import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
@@ -17,7 +18,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'
@@ -141,10 +141,10 @@ const PostStatusForm = {
     MediaUpload,
     EmojiInput,
     PollForm: defineAsyncComponent(
-      () => import( 'src/components/poll/poll_form.vue')
+      () => import('src/components/poll/poll_form.vue'),
     ),
     QuoteForm: defineAsyncComponent(
-      () => import( 'src/components/quote/quote_form.vue')
+      () => import('src/components/quote/quote_form.vue'),
     ),
     ScopeSelector,
     Checkbox,
diff --git a/src/components/quote/quote.js b/src/components/quote/quote.js
index 30bb147cf..3b771b3f2 100644
--- a/src/components/quote/quote.js
+++ b/src/components/quote/quote.js
@@ -1,15 +1,12 @@
 import { defineAsyncComponent } from 'vue'
 
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faCircleNotch)
 
 export default {
-  components: {
-
-  },
+  components: {},
   name: 'Quote',
   props: {
     visible: {
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index cfeafccb9..60f0fd16b 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -3,9 +3,9 @@ import { required, requiredIf, sameAs } from '@vuelidate/validators'
 import { mapState as mapPiniaState } from 'pinia'
 import { mapActions, mapState } from 'vuex'
 
-import localeService from '../../services/locale/locale.service.js'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import TermsOfServicePanel from 'src/components/terms_of_service_panel/terms_of_service_panel.vue'
+import localeService from '../../services/locale/locale.service.js'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
diff --git a/src/components/report/report.js b/src/components/report/report.js
index 23410343a..e9d14c515 100644
--- a/src/components/report/report.js
+++ b/src/components/report/report.js
@@ -1,4 +1,3 @@
-
 import Select from 'src/components/select/select.vue'
 import StatusContent from 'src/components/status_content/status_content.vue'
 import Timeago from 'src/components/timeago/timeago.vue'
@@ -14,7 +13,6 @@ const Report = {
     Select,
     StatusContent,
     Timeago,
-
   },
   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 b0d0f9f3a..0a1f779bb 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -1,9 +1,8 @@
 import { map, uniqBy } from 'lodash'
 
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import Conversation from 'src/components/conversation/conversation.vue'
 import FollowCard from 'src/components/follow_card/follow_card.vue'
-
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index d576ee728..7078d2488 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -151,7 +151,6 @@
 <script>
 import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
-
 import { defineAsyncComponent } from 'vue'
 
 export default {
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index 1b8b9e8fa..840beeb7c 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -1,9 +1,9 @@
 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 UserCard from 'src/components/user_card/user_card.vue'
 import GestureService from '../../services/gesture_service/gesture_service'
 import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
 
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index 7cafe03a3..b736bb9f9 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -1,4 +1,4 @@
-import { map, groupBy } from 'lodash'
+import { groupBy, map } from 'lodash'
 import { mapGetters, mapState } from 'vuex'
 
 import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
diff --git a/src/components/status/status.js b/src/components/status/status.js
index d0a149b83..8608969ea 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -5,15 +5,15 @@ 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 PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import StatusActionButtons from 'src/components/status_action_buttons/status_action_buttons.vue'
 import StatusContent from 'src/components/status_content/status_content.vue'
+import StatusPopover from 'src/components/status_popover/status_popover.vue'
 import Timeago from 'src/components/timeago/timeago.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 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,
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index 6ac827198..012844dc8 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -1,6 +1,7 @@
+import { defineAsyncComponent } from 'vue'
+
 import Popover from 'src/components/popover/popover.vue'
 import ActionButton from './action_button.vue'
-import { defineAsyncComponent } from 'vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -16,10 +17,13 @@ export default {
     ActionButton,
     Popover,
     MuteConfirm: defineAsyncComponent(
-      () => import( 'src/components/confirm_modal/mute_confirm.vue'),
+      () => import('src/components/confirm_modal/mute_confirm.vue'),
     ),
     UserTimedFilterModal: defineAsyncComponent(
-      () => import( 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'),
+      () =>
+        import(
+          'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+        ),
     ),
   },
   props: ['button', 'status'],
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index f5bb749a2..cdd43a024 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -1,7 +1,5 @@
 import { mapState } from 'pinia'
 
-
-
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -113,9 +111,7 @@ const StatusBody = {
     },
     ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
-  components: {
-
-  },
+  components: {},
   mounted() {
     this.status.attentions &&
       this.status.attentions.forEach((attn) => {
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..c2f070b6d 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
@@ -2,7 +2,6 @@ import { mapState } from 'pinia'
 
 import Popover from 'src/components/popover/popover.vue'
 
-
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -18,7 +17,6 @@ const StatusBookmarkFolderMenu = {
   },
   components: {
     Popover,
-
   },
   computed: {
     ...mapState(useBookmarkFoldersStore, {
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index 5557dcd26..0f02bb6fb 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -1,12 +1,12 @@
 import { mapState as mapPiniaState } from 'pinia'
-import { mapGetters, mapState } from 'vuex'
 import { defineAsyncComponent } from 'vue'
+import { mapGetters, mapState } from 'vuex'
 
-import StatusBody from 'src/components/status_body/status_body.vue'
 import Attachment from 'src/components/attachment/attachment.vue'
+import Gallery from 'src/components/gallery/gallery.vue'
 import LinkPreview from 'src/components/link-preview/link-preview.vue'
 import Poll from 'src/components/poll/poll.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
+import StatusBody from 'src/components/status_body/status_body.vue'
 
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index 96fe02eb9..c165fe411 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -2,13 +2,11 @@ import { get } from 'lodash'
 
 import Modal from 'src/components/modal/modal.vue'
 
-
 import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
 
 const StatusHistoryModal = {
   components: {
     Modal,
-
   },
   data() {
     return {
diff --git a/src/components/still-image/still-image-emoji-popover.js b/src/components/still-image/still-image-emoji-popover.js
index d81db14b6..02f036a52 100644
--- a/src/components/still-image/still-image-emoji-popover.js
+++ b/src/components/still-image/still-image-emoji-popover.js
@@ -2,8 +2,6 @@ import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
 import { mapState } from 'pinia'
 
-
-
 import { useEmojiStore } from 'src/stores/emoji'
 import { useInterfaceStore } from 'src/stores/interface'
 
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index 645adc39e..ad0c0039b 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -1,5 +1,3 @@
-
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
@@ -9,9 +7,7 @@ import {
 library.add(faAngleDoubleDown, faAngleDoubleRight)
 
 const ThreadTree = {
-  components: {
-
-  },
+  components: {},
   name: 'ThreadTree',
   props: {
     depth: Number,
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 442ca8f0c..50b2acd90 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -5,7 +5,6 @@ import Conversation from 'src/components/conversation/conversation.vue'
 import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
 import QuickViewSettings from 'src/components/quick_view_settings/quick_view_settings.vue'
 import ScrollTopButton from 'src/components/scroll_top_button/scroll_top_button.vue'
-
 import TimelineMenu from 'src/components/timeline_menu/timeline_menu.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
@@ -52,7 +51,6 @@ const Timeline = {
     }
   },
   components: {
-
     ScrollTopButton,
     Conversation,
     TimelineMenu,
diff --git a/src/components/timeline_menu/timeline_menu.js b/src/components/timeline_menu/timeline_menu.js
index 3b8c07654..ee6fa8f20 100644
--- a/src/components/timeline_menu/timeline_menu.js
+++ b/src/components/timeline_menu/timeline_menu.js
@@ -1,11 +1,11 @@
 import { mapState as mapPiniaState } from 'pinia'
 import { mapState } from 'vuex'
 
+import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
+import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
 import { filterNavigation } from 'src/components/navigation/filter.js'
 import { TIMELINES } from 'src/components/navigation/navigation.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
-import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
-import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
 import Popover from 'src/components/popover/popover.vue'
 
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 46c998310..3ab0ee9e7 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,5 +1,3 @@
-
-
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 
@@ -41,9 +39,7 @@ const UserAvatar = {
       betterShadow: useInterfaceStore().browserSupport.cssFilter,
     }
   },
-  components: {
-
-  },
+  components: {},
   methods: {
     imgSrc(src) {
       return !src || this.showPlaceholder ? this.defaultAvatar : src
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index ed0eb13c2..d987695dd 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -8,14 +8,13 @@ import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
 import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
 import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import suggestor from 'src/components/emoji_input/suggestor.js'
-
 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 { useEmojiStore } from 'src/stores/emoji.js'
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -118,35 +117,38 @@ export default {
   },
   components: {
     DialogModal: defineAsyncComponent(
-      () => import( 'src/components/dialog_modal/dialog_modal.vue'),
+      () => import('src/components/dialog_modal/dialog_modal.vue'),
     ),
     UserAvatar,
     Checkbox,
     RemoteFollow: defineAsyncComponent(
-      () => import( 'src/components/remote_follow/remote_follow.vue'),
+      () => import('src/components/remote_follow/remote_follow.vue'),
     ),
     ModerationTools: defineAsyncComponent(
-      () => import( 'src/components/moderation_tools/moderation_tools.vue'),
+      () => import('src/components/moderation_tools/moderation_tools.vue'),
     ),
     AccountActions: defineAsyncComponent(
-      () => import( 'src/components/account_actions/account_actions.vue'),
+      () => import('src/components/account_actions/account_actions.vue'),
     ),
     ProgressButton,
     FollowButton: defineAsyncComponent(
-      () => import( 'src/components/follow_button/follow_button.vue'),
+      () => import('src/components/follow_button/follow_button.vue'),
     ),
     Select,
     UserLink,
     UserNote: defineAsyncComponent(
-      () => import( 'src/components/user_note/user_note.vue'),
+      () => import('src/components/user_note/user_note.vue'),
     ),
     UserTimedFilterModal: defineAsyncComponent(
-      () => import( 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'),
+      () =>
+        import(
+          'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+        ),
     ),
     ColorInput,
     EmojiInput,
     ImageCropper: defineAsyncComponent(
-      () => import( 'src/components/image_cropper/image_cropper.vue'),
+      () => import('src/components/image_cropper/image_cropper.vue'),
     ),
   },
   data() {
diff --git a/src/components/user_list_popover/user_list_popover.js b/src/components/user_list_popover/user_list_popover.js
index 1aa125c16..8a4612690 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -1,8 +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 UnicodeDomainIndicator from 'src/components/unicode_domain_indicator/unicode_domain_indicator.vue'
+import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/user_panel/user_panel.js b/src/components/user_panel/user_panel.js
index a3b67edb8..ac6bc669c 100644
--- a/src/components/user_panel/user_panel.js
+++ b/src/components/user_panel/user_panel.js
@@ -1,5 +1,6 @@
 import { defineAsyncComponent } from 'vue'
 import { mapState } from 'vuex'
+
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import UserCard from 'src/components/user_card/user_card.vue'
 
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index c19e37a1f..8995503fe 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -1,14 +1,13 @@
 import { get } from 'lodash'
 import { mapState } from 'pinia'
 
-
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import withLoadMore from '../../hocs/with_load_more/with_load_more'
 import Conversation from 'src/components/conversation/conversation.vue'
 import FollowCard from 'src/components/follow_card/follow_card.vue'
 import List from 'src/components/list/list.vue'
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import Timeline from 'src/components/timeline/timeline.vue'
 import UserCard from 'src/components/user_card/user_card.vue'
+import withLoadMore from '../../hocs/with_load_more/with_load_more'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@@ -203,7 +202,6 @@ const UserProfile = {
     FollowCard,
     TabSwitcher,
     Conversation,
-
   },
 }
 
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index 6db5180a5..d55b5a962 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -1,14 +1,12 @@
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import List from 'src/components/list/list.vue'
 import Modal from 'src/components/modal/modal.vue'
-
 import UserLink from 'src/components/user_link/user_link.vue'
 
 import { useReportsStore } from 'src/stores/reports.js'
 
 const UserReportingModal = {
   components: {
-
     List,
     Checkbox,
     Modal,
diff --git a/src/components/who_to_follow/who_to_follow.js b/src/components/who_to_follow/who_to_follow.js
index 0e4f1811d..8ca2d8c1a 100644
--- a/src/components/who_to_follow/who_to_follow.js
+++ b/src/components/who_to_follow/who_to_follow.js
@@ -1,5 +1,5 @@
-import apiService from '../../services/api/api.service.js'
 import FollowCard from 'src/components/follow_card/follow_card.vue'
+import apiService from '../../services/api/api.service.js'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
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 = {
diff --git a/vite.config.js b/vite.config.js
index 63508932e..78ba23331 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -12,10 +12,7 @@ import { getCommitHash } from './build/commit_hash.js'
 import copyPlugin from './build/copy_plugin.js'
 import emojisPlugin from './build/emojis_plugin.js'
 import mswPlugin from './build/msw_plugin.js'
-import {
-  buildSwPlugin,
-  swMessagesPlugin,
-} from './build/sw_plugin.js'
+import { buildSwPlugin, swMessagesPlugin } from './build/sw_plugin.js'
 
 const localConfigPath = '<projectRoot>/config/local.json'
 const normalizeTarget = (target) => {