From 42930252b15127b4df463c8bfce5c5a8ae5a5749 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 8 Jan 2026 17:26:52 +0200
Subject: [PATCH] better imports organization

---
 biome.json                                    | 18 +++++-
 build/emojis_plugin.js                        |  1 +
 build/service_worker_messages.js              |  1 +
 build/sw_plugin.js                            |  1 +
 src/App.js                                    |  1 +
 src/boot/routes.js                            |  1 +
 .../account_actions/account_actions.js        |  8 ++-
 src/components/announcement/announcement.js   |  3 +-
 .../announcements_page/announcements_page.js  |  3 +-
 src/components/attachment/attachment.js       | 16 +++---
 src/components/auth_form/auth_form.js         |  3 +-
 .../bookmark_folders_menu_content.js          |  1 +
 src/components/chat/chat.js                   |  8 ++-
 src/components/chat_list/chat_list.js         |  1 +
 .../chat_list_item/chat_list_item.js          |  3 +-
 src/components/chat_message/chat_message.js   |  8 ++-
 src/components/chat_new/chat_new.js           |  6 +-
 src/components/chat_title/chat_title.js       |  3 +-
 src/components/color_input/color_input.vue    |  6 +-
 .../component_preview/component_preview.js    |  1 -
 src/components/confirm_modal/mute_confirm.js  |  3 +-
 .../contrast_ratio/contrast_ratio.vue         |  3 +-
 src/components/conversation/conversation.js   | 20 ++++---
 src/components/desktop_nav/desktop_nav.js     |  8 ++-
 src/components/draft/draft.js                 |  6 +-
 .../edit_status_modal/edit_status_modal.js    |  1 +
 src/components/emoji_input/emoji_input.js     |  6 +-
 src/components/emoji_picker/emoji_picker.js   | 14 +++--
 .../emoji_reactions/emoji_reactions.js        |  5 +-
 .../extra_notifications.js                    | 10 ++--
 src/components/flash/flash.js                 |  3 +-
 src/components/font_control/font_control.js   |  9 +--
 src/components/gallery/gallery.js             |  1 +
 .../global_notice_list/global_notice_list.js  |  3 +-
 src/components/image_cropper/image_cropper.js |  1 +
 .../interface_language_switcher.js            |  3 +-
 src/components/lists_edit/lists_edit.js       |  8 ++-
 .../lists_menu/lists_menu_content.js          |  3 +-
 .../lists_user_search/lists_user_search.js    |  6 +-
 src/components/login_form/login_form.js       |  8 ++-
 src/components/media_modal/media_modal.js     | 15 ++---
 src/components/media_upload/media_upload.js   |  5 +-
 src/components/mention_link/mention_link.js   |  8 ++-
 src/components/mentions_line/mentions_line.js |  3 +-
 src/components/mfa_form/recovery_form.js      |  8 ++-
 src/components/mfa_form/totp_form.js          |  8 ++-
 src/components/mobile_nav/mobile_nav.js       | 29 +++++-----
 .../mobile_post_status_button.js              |  6 +-
 .../moderation_tools/moderation_tools.js      |  6 +-
 src/components/nav_panel/nav_panel.js         | 24 ++++----
 src/components/navigation/navigation_entry.js |  8 ++-
 src/components/navigation/navigation_pins.js  | 30 +++++-----
 src/components/notification/notification.js   | 30 +++++-----
 .../notifications/notification_filters.vue    |  3 +-
 src/components/notifications/notifications.js | 18 +++---
 .../palette_editor/palette_editor.vue         |  8 ++-
 .../password_reset/password_reset.js          |  6 +-
 src/components/poll/poll.js                   |  1 +
 src/components/poll/poll_form.js              |  5 +-
 .../post_status_form/post_status_form.js      | 28 +++++-----
 .../post_status_modal/post_status_modal.js    |  1 +
 .../quick_filter_settings.js                  | 10 ++--
 .../quick_view_settings.js                    | 12 ++--
 src/components/registration/registration.js   |  3 +-
 src/components/rich_content/rich_content.jsx  |  1 +
 src/components/search/search.js               |  6 +-
 .../settings_modal/admin_tabs/emoji_tab.js    | 26 +++++----
 .../admin_tabs/frontends_tab.js               |  5 +-
 .../settings_modal/admin_tabs/http_tab.js     |  1 +
 .../settings_modal/admin_tabs/instance_tab.js |  2 +-
 .../settings_modal/admin_tabs/links_tab.js    |  2 +-
 .../admin_tabs/monitoring_tab.js              |  5 +-
 .../settings_modal/admin_tabs/rates_tab.js    |  1 -
 .../settings_modal/helpers/draft_buttons.vue  |  3 +-
 .../settings_modal/helpers/help_indicator.vue |  3 +-
 .../helpers/modified_indicator.vue            |  3 +-
 .../helpers/profile_setting_indicator.vue     |  3 +-
 .../helpers/pwa_manifest_icons_setting.js     |  1 +
 .../settings_modal/helpers/setting.js         |  1 +
 .../helpers/vertical_tab_switcher.jsx         |  4 +-
 .../settings_modal/settings_modal.js          | 18 +++---
 .../settings_modal_admin_content.js           | 39 ++++++-------
 .../settings_modal_user_content.js            | 35 ++++++------
 .../settings_modal/tabs/appearance_tab.js     |  1 +
 .../settings_modal/tabs/clutter_tab.js        |  8 +--
 .../settings_modal/tabs/composing_tab.js      | 30 +++++-----
 .../tabs/data_import_export_tab.js            |  3 +-
 .../settings_modal/tabs/filtering_tab.js      |  5 +-
 .../settings_modal/tabs/general_tab.js        |  4 +-
 .../tabs/mutes_and_blocks_tab.js              |  1 +
 .../tabs/old_theme_tab/theme_preview.vue      |  3 +-
 .../settings_modal/tabs/posts_tab.js          |  1 -
 .../settings_modal/tabs/profile_tab.js        | 11 ++--
 .../settings_modal/tabs/security_tab/mfa.js   |  1 +
 .../tabs/security_tab/mfa_totp.js             |  1 +
 .../tabs/style_tab/style_tab.js               | 34 +++++------
 .../tabs/style_tab/virtual_directives_tab.js  |  4 +-
 .../shadow_control/shadow_control.js          | 16 +++---
 src/components/shout_panel/shout_panel.js     |  5 +-
 src/components/side_drawer/side_drawer.js     | 20 ++++---
 src/components/staff_panel/staff_panel.js     |  1 +
 src/components/status/status.js               | 46 +++++++--------
 .../status_action_buttons/action_button.js    |  7 ++-
 .../action_button_container.js                |  9 +--
 .../status_action_buttons.js                  |  6 +-
 src/components/status_body/status_body.js     |  8 ++-
 .../status_bookmark_folder_menu.js            |  6 +-
 .../status_content/status_content.js          | 16 +++---
 .../status_history_modal.js                   |  1 +
 .../status_popover/status_popover.js          |  5 +-
 .../still-image/still-image-emoji-popover.vue |  1 +
 src/components/tab_switcher/tab_switcher.jsx  |  4 +-
 src/components/thread_tree/thread_tree.js     |  3 +-
 src/components/timeline/timeline.js           | 22 ++++----
 src/components/timeline_menu/timeline_menu.js |  8 ++-
 .../update_notification.js                    |  5 +-
 src/components/user_avatar/user_avatar.js     |  5 +-
 src/components/user_card/user_card.js         | 56 ++++++++++---------
 .../user_list_menu/user_list_menu.js          |  6 +-
 .../user_list_popover/user_list_popover.js    |  8 ++-
 src/components/user_panel/user_panel.js       |  1 +
 src/components/user_popover/user_popover.js   |  1 +
 src/components/user_profile/user_profile.js   |  6 +-
 .../who_to_follow_panel.js                    |  1 +
 src/hocs/with_load_more/with_load_more.jsx    |  1 +
 .../with_subscription/with_subscription.jsx   |  1 +
 src/i18n/messages.js                          |  1 +
 src/lib/persisted_state.js                    |  1 +
 src/main.js                                   |  1 +
 src/modules/api.js                            |  1 +
 src/modules/chats.js                          |  1 +
 src/modules/config.js                         |  2 +-
 src/modules/instance.js                       |  4 +-
 src/modules/notifications.js                  |  1 -
 src/modules/statuses.js                       |  1 +
 src/modules/users.js                          |  1 +
 src/services/api/api.service.js               |  1 +
 .../entity_normalizer.service.js              |  1 +
 .../html_tree_converter.service.js            |  1 +
 src/services/locale/locale.service.js         |  1 +
 src/services/new_api/oauth.js                 |  1 +
 src/services/poll/poll.service.js             |  1 +
 .../status_poster/status_poster.service.js    |  1 +
 src/services/style_setter/style_setter.js     |  1 +
 src/services/theme_data/pleromafe.js          |  1 +
 src/services/theme_data/theme2_to_theme3.js   |  1 +
 .../theme_data/theme3_slot_functions.js       |  1 +
 src/services/theme_data/theme_data.service.js |  1 +
 .../theme_data/theme_data_3.service.js        |  2 +-
 .../timeline_fetcher.service.js               |  1 +
 src/stores/auth_flow.js                       |  1 +
 src/stores/media_viewer.js                    |  1 +
 src/stores/oauth.js                           |  1 +
 src/stores/reports.js                         |  1 +
 src/stores/serverSideStorage.js               |  3 +-
 src/sw.js                                     | 13 +++--
 test/fixtures/mock_store.js                   |  3 +-
 test/fixtures/setup_test.js                   |  3 +-
 test/unit/specs/boot/routes.spec.js           |  3 +-
 test/unit/specs/components/draft.spec.js      |  3 +-
 .../unit/specs/components/emoji_input.spec.js |  3 +-
 .../specs/components/rich_content.spec.js     |  1 +
 .../specs/components/user_profile.spec.js     |  3 +-
 test/unit/specs/lib/persisted_state.spec.js   |  3 +-
 test/unit/specs/stores/lists.spec.js          |  3 +-
 test/unit/specs/stores/oauth.spec.js          |  3 +-
 vite.config.js                                |  1 +
 167 files changed, 663 insertions(+), 445 deletions(-)

diff --git a/biome.json b/biome.json
index 9b4ee2663..d64639d52 100644
--- a/biome.json
+++ b/biome.json
@@ -124,6 +124,22 @@
   ],
   "assist": {
     "enabled": true,
-    "actions": { "source": { "organizeImports": "on" } }
+    "actions": {
+      "source": {
+        "organizeImports": {
+          "level": "on",
+          "options": {
+            "groups": [
+              [":NODE:", ":PACKAGE:", "!src/**", "!@fortawesome/**"],
+              ":BLANK_LINE:",
+              [":PATH:", "src/**"],
+              ":BLANK_LINE:",
+              "@fortawesome/fontawesome-svg-core",
+              "@fortawesome/*"
+            ]
+          }
+        }
+      }
+    }
   }
 }
diff --git a/build/emojis_plugin.js b/build/emojis_plugin.js
index 43a665e50..7979086dd 100644
--- a/build/emojis_plugin.js
+++ b/build/emojis_plugin.js
@@ -1,5 +1,6 @@
 import { access } from 'node:fs/promises'
 import { resolve } from 'node:path'
+
 import { languages } from '../src/i18n/languages.js'
 
 const annotationsImportPrefix = '@kazvmoe-infra/unicode-emoji-json/annotations/'
diff --git a/build/service_worker_messages.js b/build/service_worker_messages.js
index 0ebd2b471..0948aa919 100644
--- a/build/service_worker_messages.js
+++ b/build/service_worker_messages.js
@@ -1,6 +1,7 @@
 import { readFile } from 'node:fs/promises'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+
 import { langCodeToJsonName, languages } from '../src/i18n/languages.js'
 
 const i18nDir = resolve(
diff --git a/build/sw_plugin.js b/build/sw_plugin.js
index 88520ba31..03c5978d7 100644
--- a/build/sw_plugin.js
+++ b/build/sw_plugin.js
@@ -3,6 +3,7 @@ import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import * as esbuild from 'esbuild'
 import { build } from 'vite'
+
 import {
   generateServiceWorkerMessages,
   i18nFiles,
diff --git a/src/App.js b/src/App.js
index 83e7f8ee5..33645c63d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,7 @@
 import { throttle } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 import { mapGetters } from 'vuex'
+
 import DesktopNav from './components/desktop_nav/desktop_nav.vue'
 import EditStatusModal from './components/edit_status_modal/edit_status_modal.vue'
 import FeaturesPanel from './components/features_panel/features_panel.vue'
diff --git a/src/boot/routes.js b/src/boot/routes.js
index c601531a9..3296755a1 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -26,6 +26,7 @@ import ShoutPanel from 'components/shout_panel/shout_panel.vue'
 import TagTimeline from 'components/tag_timeline/tag_timeline.vue'
 import UserProfile from 'components/user_profile/user_profile.vue'
 import WhoToFollow from 'components/who_to_follow/who_to_follow.vue'
+
 import NavPanel from 'src/components/nav_panel/nav_panel.vue'
 import BookmarkFolderEdit from '../components/bookmark_folder_edit/bookmark_folder_edit.vue'
 import BookmarkFolders from '../components/bookmark_folders/bookmark_folders.vue'
diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index 184c2b623..ee94dc544 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -1,13 +1,15 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faEllipsisV } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'vuex'
+
 import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 import { useReportsStore } from 'src/stores/reports'
-import { mapState } from 'vuex'
 import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 import Popover from '../popover/popover.vue'
 import ProgressButton from '../progress_button/progress_button.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisV } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faEllipsisV)
 
 const AccountActions = {
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index 356852cff..906b84ce2 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -1,5 +1,6 @@
-import { useAnnouncementsStore } from 'src/stores/announcements'
 import { mapState } from 'vuex'
+
+import { useAnnouncementsStore } from 'src/stores/announcements'
 import localeService from '../../services/locale/locale.service.js'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
 import RichContent from '../rich_content/rich_content.jsx'
diff --git a/src/components/announcements_page/announcements_page.js b/src/components/announcements_page/announcements_page.js
index d3429613c..0c4383d2e 100644
--- a/src/components/announcements_page/announcements_page.js
+++ b/src/components/announcements_page/announcements_page.js
@@ -1,5 +1,6 @@
-import { useAnnouncementsStore } from 'src/stores/announcements'
 import { mapState } from 'vuex'
+
+import { useAnnouncementsStore } from 'src/stores/announcements'
 import Announcement from '../announcement/announcement.vue'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
 
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
index 8c7700c8a..31fceba60 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -1,3 +1,12 @@
+import { mapGetters } from 'vuex'
+
+import { useMediaViewerStore } from 'src/stores/media_viewer'
+import nsfwImage from '../../assets/nsfw.png'
+import fileTypeService from '../../services/file_type/file_type.service.js'
+import Flash from '../flash/flash.vue'
+import StillImage from '../still-image/still-image.vue'
+import VideoAttachment from '../video_attachment/video_attachment.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAlignRight,
@@ -12,13 +21,6 @@ import {
   faTrashAlt,
   faVideo,
 } from '@fortawesome/free-solid-svg-icons'
-import { useMediaViewerStore } from 'src/stores/media_viewer'
-import { mapGetters } from 'vuex'
-import nsfwImage from '../../assets/nsfw.png'
-import fileTypeService from '../../services/file_type/file_type.service.js'
-import Flash from '../flash/flash.vue'
-import StillImage from '../still-image/still-image.vue'
-import VideoAttachment from '../video_attachment/video_attachment.vue'
 
 library.add(
   faFile,
diff --git a/src/components/auth_form/auth_form.js b/src/components/auth_form/auth_form.js
index 1e9b86c57..ce88aa6f9 100644
--- a/src/components/auth_form/auth_form.js
+++ b/src/components/auth_form/auth_form.js
@@ -1,6 +1,7 @@
 import { mapState } from 'pinia'
-import { useAuthFlowStore } from 'src/stores/auth_flow'
 import { h, resolveComponent } from 'vue'
+
+import { useAuthFlowStore } from 'src/stores/auth_flow'
 import LoginForm from '../login_form/login_form.vue'
 import MFARecoveryForm from '../mfa_form/recovery_form.vue'
 import MFATOTPForm from '../mfa_form/totp_form.vue'
diff --git a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
index cc8135334..e84b3bc85 100644
--- a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
+++ b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
@@ -1,4 +1,5 @@
 import { mapState } from 'pinia'
+
 import { getBookmarkFolderEntries } from 'src/components/navigation/filter.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
diff --git a/src/components/chat/chat.js b/src/components/chat/chat.js
index 2a0d91761..6dd69ada4 100644
--- a/src/components/chat/chat.js
+++ b/src/components/chat/chat.js
@@ -1,9 +1,8 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronDown, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
 import _ from 'lodash'
 import { mapState as mapPiniaState } from 'pinia'
-import { useInterfaceStore } from 'src/stores/interface.js'
 import { mapGetters, mapState } from 'vuex'
+
+import { useInterfaceStore } from 'src/stores/interface.js'
 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'
@@ -18,6 +17,9 @@ import {
   isScrollable,
 } from './chat_layout_utils.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown, faChevronLeft } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronDown, faChevronLeft)
 
 const BOTTOMED_OUT_OFFSET = 10
diff --git a/src/components/chat_list/chat_list.js b/src/components/chat_list/chat_list.js
index 8081d0670..4c3194ae1 100644
--- a/src/components/chat_list/chat_list.js
+++ b/src/components/chat_list/chat_list.js
@@ -1,4 +1,5 @@
 import { mapGetters, mapState } from 'vuex'
+
 import ChatListItem from '../chat_list_item/chat_list_item.vue'
 import ChatNew from '../chat_new/chat_new.vue'
 import List from '../list/list.vue'
diff --git a/src/components/chat_list_item/chat_list_item.js b/src/components/chat_list_item/chat_list_item.js
index ba8f5528b..0923a8568 100644
--- a/src/components/chat_list_item/chat_list_item.js
+++ b/src/components/chat_list_item/chat_list_item.js
@@ -1,5 +1,6 @@
-import fileType from 'src/services/file_type/file_type.service'
 import { mapState } from 'vuex'
+
+import fileType from 'src/services/file_type/file_type.service'
 import AvatarList from '../avatar_list/avatar_list.vue'
 import ChatTitle from '../chat_title/chat_title.vue'
 import StatusBody from '../status_content/status_content.vue'
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 0d3876ab6..f3cc495c2 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -1,9 +1,8 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faEllipsisH, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { mapState as mapPiniaState } from 'pinia'
-import { useInterfaceStore } from 'src/stores/interface'
 import { defineAsyncComponent } from 'vue'
 import { mapGetters, mapState } from 'vuex'
+
+import { useInterfaceStore } from 'src/stores/interface'
 import Attachment from '../attachment/attachment.vue'
 import ChatMessageDate from '../chat_message_date/chat_message_date.vue'
 import Gallery from '../gallery/gallery.vue'
@@ -12,6 +11,9 @@ import Popover from '../popover/popover.vue'
 import StatusContent from '../status_content/status_content.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisH, faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes, faEllipsisH)
 
 const ChatMessage = {
diff --git a/src/components/chat_new/chat_new.js b/src/components/chat_new/chat_new.js
index d9f73193c..50e0f7a8f 100644
--- a/src/components/chat_new/chat_new.js
+++ b/src/components/chat_new/chat_new.js
@@ -1,9 +1,11 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
 import { mapGetters, mapState } from 'vuex'
+
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faSearch, faChevronLeft)
 
 const chatNew = {
diff --git a/src/components/chat_title/chat_title.js b/src/components/chat_title/chat_title.js
index 7748f8973..3447f5163 100644
--- a/src/components/chat_title/chat_title.js
+++ b/src/components/chat_title/chat_title.js
@@ -1,5 +1,6 @@
-import RichContent from 'src/components/rich_content/rich_content.jsx'
 import { defineAsyncComponent } from 'vue'
+
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 
 export default {
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index 76a00416c..a6fc2047b 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -64,12 +64,14 @@
   </div>
 </template>
 <script>
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faEyeDropper } from '@fortawesome/free-solid-svg-icons'
 import { throttle } from 'lodash'
+
 import { hex2rgb } from '../../services/color_convert/color_convert.js'
 import Checkbox from '../checkbox/checkbox.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEyeDropper } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faEyeDropper)
 
 export default {
diff --git a/src/components/component_preview/component_preview.js b/src/components/component_preview/component_preview.js
index 1d54f58de..70696f56b 100644
--- a/src/components/component_preview/component_preview.js
+++ b/src/components/component_preview/component_preview.js
@@ -1,6 +1,5 @@
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
-
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
 import {
   adoptStyleSheets,
diff --git a/src/components/confirm_modal/mute_confirm.js b/src/components/confirm_modal/mute_confirm.js
index 2ccb0b3bc..560f6346c 100644
--- a/src/components/confirm_modal/mute_confirm.js
+++ b/src/components/confirm_modal/mute_confirm.js
@@ -1,5 +1,6 @@
-import Select from 'src/components/select/select.vue'
 import { mapGetters } from 'vuex'
+
+import Select from 'src/components/select/select.vue'
 import ConfirmModal from './confirm_modal.vue'
 
 export default {
diff --git a/src/components/contrast_ratio/contrast_ratio.vue b/src/components/contrast_ratio/contrast_ratio.vue
index 6294e6dd1..1f8b62809 100644
--- a/src/components/contrast_ratio/contrast_ratio.vue
+++ b/src/components/contrast_ratio/contrast_ratio.vue
@@ -57,13 +57,14 @@
 </template>
 
 <script>
+import Tooltip from 'src/components/tooltip/tooltip.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAdjust,
   faExclamationTriangle,
   faThumbsUp,
 } from '@fortawesome/free-solid-svg-icons'
-import Tooltip from 'src/components/tooltip/tooltip.vue'
 
 library.add(faAdjust, faExclamationTriangle, faThumbsUp)
 
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 055f43bb3..3caf4add7 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -1,18 +1,20 @@
+import { clone, filter, findIndex, get, reduce } from 'lodash'
+import { mapState as mapPiniaState } from 'pinia'
+import { mapGetters, mapState } from 'vuex'
+
+import { useInterfaceStore } from 'src/stores/interface'
+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 { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
   faAngleDoubleLeft,
   faChevronLeft,
 } from '@fortawesome/free-solid-svg-icons'
-import { clone, filter, findIndex, get, reduce } from 'lodash'
-import { mapState as mapPiniaState } from 'pinia'
-import { useInterfaceStore } from 'src/stores/interface'
-import { mapGetters, 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'
 
 library.add(faAngleDoubleDown, faAngleDoubleLeft, faChevronLeft)
 
diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index c816a97b1..8ab54b3df 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -1,3 +1,8 @@
+import SearchBar from 'components/search_bar/search_bar.vue'
+
+import { useInterfaceStore } from 'src/stores/interface'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
@@ -12,9 +17,6 @@ import {
   faTachometerAlt,
   faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-import SearchBar from 'components/search_bar/search_bar.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 
 library.add(
   faSignInAlt,
diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index 2a2485b58..971a75b10 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -1,12 +1,14 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faPollH } from '@fortawesome/free-solid-svg-icons'
 import { cloneDeep } from 'lodash'
+
 import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
 import EditStatusForm from 'src/components/edit_status_form/edit_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 { library } from '@fortawesome/fontawesome-svg-core'
+import { faPollH } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faPollH)
 
 const Draft = {
diff --git a/src/components/edit_status_modal/edit_status_modal.js b/src/components/edit_status_modal/edit_status_modal.js
index 022055e47..8a16e4234 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -1,4 +1,5 @@
 import get from 'lodash/get'
+
 import { useEditStatusStore } from 'src/stores/editStatus'
 import EditStatusForm from '../edit_status_form/edit_status_form.vue'
 import Modal from '../modal/modal.vue'
diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index 49470bec9..24794640e 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -1,6 +1,5 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
 import { take } from 'lodash'
+
 import Popover from 'src/components/popover/popover.vue'
 import ScreenReaderNotice from 'src/components/screen_reader_notice/screen_reader_notice.vue'
 import { ensureFinalFallback } from '../../i18n/languages.js'
@@ -10,6 +9,9 @@ import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 import EmojiPicker from '../emoji_picker/emoji_picker.vue'
 import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
+
 library.add(faSmileBeam)
 
 /**
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 80920a128..e4221f706 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -1,3 +1,11 @@
+import { chunk, debounce, trim } from 'lodash'
+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 { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBasketballBall,
@@ -13,12 +21,6 @@ import {
   faStickyNote,
   faUser,
 } from '@fortawesome/free-solid-svg-icons'
-import { chunk, debounce, trim } from 'lodash'
-import Popover from 'src/components/popover/popover.vue'
-import { defineAsyncComponent } from 'vue'
-import { ensureFinalFallback } from '../../i18n/languages.js'
-import Checkbox from '../checkbox/checkbox.vue'
-import StillImage from '../still-image/still-image.vue'
 
 library.add(
   faBoxOpen,
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index a21f68f83..8a121befc 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -1,9 +1,10 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCheck, faMinus, faPlus } from '@fortawesome/free-solid-svg-icons'
 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'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCheck, faMinus, faPlus } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faPlus, faMinus, faCheck)
 
 const EMOJI_REACTION_COUNT_CUTOFF = 12
diff --git a/src/components/extra_notifications/extra_notifications.js b/src/components/extra_notifications/extra_notifications.js
index f0beeeefd..1deebd878 100644
--- a/src/components/extra_notifications/extra_notifications.js
+++ b/src/components/extra_notifications/extra_notifications.js
@@ -1,13 +1,15 @@
+import { mapState as mapPiniaState } from 'pinia'
+import { mapGetters } from 'vuex'
+
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInterfaceStore } from 'src/stores/interface'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBullhorn,
   faComments,
   faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-import { mapState as mapPiniaState } from 'pinia'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useInterfaceStore } from 'src/stores/interface'
-import { mapGetters } from 'vuex'
 
 library.add(faUserPlus, faComments, faBullhorn)
 
diff --git a/src/components/flash/flash.js b/src/components/flash/flash.js
index 2c1c05ddc..3c25abea1 100644
--- a/src/components/flash/flash.js
+++ b/src/components/flash/flash.js
@@ -1,9 +1,10 @@
+import RuffleService from '../../services/ruffle_service/ruffle_service.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faExclamationTriangle,
   faStop,
 } from '@fortawesome/free-solid-svg-icons'
-import RuffleService from '../../services/ruffle_service/ruffle_service.js'
 
 library.add(faStop, faExclamationTriangle)
 
diff --git a/src/components/font_control/font_control.js b/src/components/font_control/font_control.js
index c166088bd..08d25d52d 100644
--- a/src/components/font_control/font_control.js
+++ b/src/components/font_control/font_control.js
@@ -1,13 +1,14 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Popover from 'src/components/popover/popover.vue'
+import { useInterfaceStore } from 'src/stores/interface'
+import Select from '../select/select.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faExclamationTriangle,
   faFont,
   faKeyboard,
 } from '@fortawesome/free-solid-svg-icons'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Popover from 'src/components/popover/popover.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-import Select from '../select/select.vue'
 
 library.add(faExclamationTriangle, faKeyboard, faFont)
 
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
index 83999ef25..9934a7905 100644
--- a/src/components/gallery/gallery.js
+++ b/src/components/gallery/gallery.js
@@ -1,4 +1,5 @@
 import { set, sumBy } from 'lodash'
+
 import { useMediaViewerStore } from 'src/stores/media_viewer'
 import Attachment from '../attachment/attachment.vue'
 
diff --git a/src/components/global_notice_list/global_notice_list.js b/src/components/global_notice_list/global_notice_list.js
index 7135d5084..4a2726d7b 100644
--- a/src/components/global_notice_list/global_notice_list.js
+++ b/src/components/global_notice_list/global_notice_list.js
@@ -1,6 +1,7 @@
+import { useInterfaceStore } from 'src/stores/interface'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
-import { useInterfaceStore } from 'src/stores/interface'
 
 library.add(faTimes)
 
diff --git a/src/components/image_cropper/image_cropper.js b/src/components/image_cropper/image_cropper.js
index 158fcdefa..c8529c8e6 100644
--- a/src/components/image_cropper/image_cropper.js
+++ b/src/components/image_cropper/image_cropper.js
@@ -1,4 +1,5 @@
 import 'cropperjs' // This adds all of the cropperjs's components into DOM
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
index e0c7ed034..1cdedadd3 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -1,5 +1,6 @@
-import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
 import { v4 as uuidv4 } from 'uuid'
+
+import ProfileSettingIndicator from 'src/components/settings_modal/helpers/profile_setting_indicator.vue'
 import localeService from '../../services/locale/locale.service.js'
 import Select from '../select/select.vue'
 
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index 42c7721f4..64a2e942c 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -1,15 +1,17 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
 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 { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
-import { mapGetters, mapState } from 'vuex'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 import ListsUserSearch from '../lists_user_search/lists_user_search.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faSearch, faChevronLeft)
 
 const ListsNew = {
diff --git a/src/components/lists_menu/lists_menu_content.js b/src/components/lists_menu/lists_menu_content.js
index 2f0a9c2d2..7574c4c3f 100644
--- a/src/components/lists_menu/lists_menu_content.js
+++ b/src/components/lists_menu/lists_menu_content.js
@@ -1,8 +1,9 @@
 import { mapState as mapPiniaState } from 'pinia'
+import { mapState } from 'vuex'
+
 import { getListEntries } from 'src/components/navigation/filter.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 import { useListsStore } from 'src/stores/lists'
-import { mapState } from 'vuex'
 
 export const ListsMenuContent = {
   props: ['showPin'],
diff --git a/src/components/lists_user_search/lists_user_search.js b/src/components/lists_user_search/lists_user_search.js
index 65c55319c..699e6c156 100644
--- a/src/components/lists_user_search/lists_user_search.js
+++ b/src/components/lists_user_search/lists_user_search.js
@@ -1,7 +1,9 @@
+import { debounce } from 'lodash'
+
+import Checkbox from '../checkbox/checkbox.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
-import { debounce } from 'lodash'
-import Checkbox from '../checkbox/checkbox.vue'
 
 library.add(faSearch, faChevronLeft)
 
diff --git a/src/components/login_form/login_form.js b/src/components/login_form/login_form.js
index 346bdd83d..7c43923c9 100644
--- a/src/components/login_form/login_form.js
+++ b/src/components/login_form/login_form.js
@@ -1,11 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { mapState } from 'vuex'
+
 import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { mapState } from 'vuex'
 import oauthApi from '../../services/new_api/oauth.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes)
 
 const LoginForm = {
diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index f1d116757..6199a6e32 100644
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@@ -1,10 +1,3 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faChevronLeft,
-  faChevronRight,
-  faCircleNotch,
-  faTimes,
-} from '@fortawesome/free-solid-svg-icons'
 import Flash from 'src/components/flash/flash.vue'
 import { useMediaViewerStore } from 'src/stores/media_viewer'
 import fileTypeService from '../../services/file_type/file_type.service.js'
@@ -15,6 +8,14 @@ import StillImage from '../still-image/still-image.vue'
 import SwipeClick from '../swipe_click/swipe_click.vue'
 import VideoAttachment from '../video_attachment/video_attachment.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faChevronLeft,
+  faChevronRight,
+  faCircleNotch,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronLeft, faChevronRight, faCircleNotch, faTimes)
 
 const MediaModal = {
diff --git a/src/components/media_upload/media_upload.js b/src/components/media_upload/media_upload.js
index 92d34b4c9..8dc3d6c65 100644
--- a/src/components/media_upload/media_upload.js
+++ b/src/components/media_upload/media_upload.js
@@ -1,9 +1,10 @@
 /* eslint-env browser */
 
+import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
+import statusPosterService from '../../services/status_poster/status_poster.service.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch, faUpload } from '@fortawesome/free-solid-svg-icons'
-import fileSizeFormatService from '../../services/file_size_format/file_size_format.js'
-import statusPosterService from '../../services/status_poster/status_poster.service.js'
 
 library.add(faUpload, faCircleNotch)
 
diff --git a/src/components/mention_link/mention_link.js b/src/components/mention_link/mention_link.js
index 24820331e..4c211b5e9 100644
--- a/src/components/mention_link/mention_link.js
+++ b/src/components/mention_link/mention_link.js
@@ -1,8 +1,7 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faAt } from '@fortawesome/free-solid-svg-icons'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { defineAsyncComponent } from 'vue'
 import { mapGetters, mapState } from 'vuex'
+
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import {
   highlightClass,
   highlightStyle,
@@ -10,6 +9,9 @@ import {
 import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 import UserAvatar from '../user_avatar/user_avatar.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faAt } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faAt)
 
 const MentionLink = {
diff --git a/src/components/mentions_line/mentions_line.js b/src/components/mentions_line/mentions_line.js
index 8d546a3a7..e6aa392a0 100644
--- a/src/components/mentions_line/mentions_line.js
+++ b/src/components/mentions_line/mentions_line.js
@@ -1,6 +1,7 @@
-import MentionLink from 'src/components/mention_link/mention_link.vue'
 import { mapGetters } from 'vuex'
 
+import MentionLink from 'src/components/mention_link/mention_link.vue'
+
 export const MENTIONS_LIMIT = 5
 
 const MentionsLine = {
diff --git a/src/components/mfa_form/recovery_form.js b/src/components/mfa_form/recovery_form.js
index 015c310c7..5fa5c187a 100644
--- a/src/components/mfa_form/recovery_form.js
+++ b/src/components/mfa_form/recovery_form.js
@@ -1,11 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { mapState } from 'vuex'
+
 import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { mapState } from 'vuex'
 import mfaApi from '../../services/new_api/mfa.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes)
 
 export default {
diff --git a/src/components/mfa_form/totp_form.js b/src/components/mfa_form/totp_form.js
index 006c2ac6e..d1378b078 100644
--- a/src/components/mfa_form/totp_form.js
+++ b/src/components/mfa_form/totp_form.js
@@ -1,11 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import { mapActions, mapState as mapPiniaState, mapStores } from 'pinia'
+import { mapState } from 'vuex'
+
 import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { mapState } from 'vuex'
 import mfaApi from '../../services/new_api/mfa.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes)
 
 export default {
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 382966837..873bdc40d 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -1,3 +1,18 @@
+import { mapState } from 'pinia'
+import { mapGetters } from 'vuex'
+
+import NavigationPins from 'src/components/navigation/navigation_pins.vue'
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import GestureService from '../../services/gesture_service/gesture_service'
+import {
+  countExtraNotifications,
+  unseenNotificationsFromStore,
+} from '../../services/notification_utils/notification_utils'
+import ConfirmModal from '../confirm_modal/confirm_modal.vue'
+import Notifications from '../notifications/notifications.vue'
+import SideDrawer from '../side_drawer/side_drawer.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faArrowUp,
@@ -7,20 +22,6 @@ import {
   faMinus,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import { mapState } from 'pinia'
-import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-
-import { mapGetters } from 'vuex'
-import GestureService from '../../services/gesture_service/gesture_service'
-import {
-  countExtraNotifications,
-  unseenNotificationsFromStore,
-} from '../../services/notification_utils/notification_utils'
-import ConfirmModal from '../confirm_modal/confirm_modal.vue'
-import Notifications from '../notifications/notifications.vue'
-import SideDrawer from '../side_drawer/side_drawer.vue'
 
 library.add(faTimes, faBell, faBars, faArrowUp, faMinus, faCheckDouble)
 
diff --git a/src/components/mobile_post_status_button/mobile_post_status_button.js b/src/components/mobile_post_status_button/mobile_post_status_button.js
index 3972e0e44..dfa7b6fe2 100644
--- a/src/components/mobile_post_status_button/mobile_post_status_button.js
+++ b/src/components/mobile_post_status_button/mobile_post_status_button.js
@@ -1,7 +1,9 @@
+import { debounce } from 'lodash'
+
+import { usePostStatusStore } from 'src/stores/post_status'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPen } from '@fortawesome/free-solid-svg-icons'
-import { debounce } from 'lodash'
-import { usePostStatusStore } from 'src/stores/post_status'
 
 library.add(faPen)
 
diff --git a/src/components/moderation_tools/moderation_tools.js b/src/components/moderation_tools/moderation_tools.js
index 3b8055ba6..fdb8a74b6 100644
--- a/src/components/moderation_tools/moderation_tools.js
+++ b/src/components/moderation_tools/moderation_tools.js
@@ -1,9 +1,9 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
-
 import DialogModal from '../dialog_modal/dialog_modal.vue'
 import Popover from '../popover/popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronDown)
 
 const FORCE_NSFW = 'mrf_tag:media-force-nsfw'
diff --git a/src/components/nav_panel/nav_panel.js b/src/components/nav_panel/nav_panel.js
index 77bfa0ff5..d80cd0a5d 100644
--- a/src/components/nav_panel/nav_panel.js
+++ b/src/components/nav_panel/nav_panel.js
@@ -1,3 +1,16 @@
+import { mapState as mapPiniaState } from 'pinia'
+import { mapGetters, mapState } from 'vuex'
+
+import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
+import { filterNavigation } from 'src/components/navigation/filter.js'
+import { ROOT_ITEMS, TIMELINES } from 'src/components/navigation/navigation.js'
+import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
+import NavigationPins from 'src/components/navigation/navigation_pins.vue'
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
@@ -15,17 +28,6 @@ import {
   faStream,
   faUsers,
 } from '@fortawesome/free-solid-svg-icons'
-import { mapState as mapPiniaState } from 'pinia'
-import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
-import { filterNavigation } from 'src/components/navigation/filter.js'
-import { ROOT_ITEMS, TIMELINES } from 'src/components/navigation/navigation.js'
-import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
-import NavigationPins from 'src/components/navigation/navigation_pins.vue'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { mapGetters, mapState } from 'vuex'
 
 library.add(
   faUsers,
diff --git a/src/components/navigation/navigation_entry.js b/src/components/navigation/navigation_entry.js
index ae0bbd305..75d4dffdd 100644
--- a/src/components/navigation/navigation_entry.js
+++ b/src/components/navigation/navigation_entry.js
@@ -1,11 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faThumbtack } from '@fortawesome/free-solid-svg-icons'
 import { mapState as mapPiniaState, mapStores } from 'pinia'
+import { mapState } from 'vuex'
+
 import { routeTo } from 'src/components/navigation/navigation.js'
 import OptionalRouterLink from 'src/components/optional_router_link/optional_router_link.vue'
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { mapState } from 'vuex'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faThumbtack } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faThumbtack)
 
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index 5bc349d01..e14edce14 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -1,17 +1,6 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faBell,
-  faBookmark,
-  faCity,
-  faComments,
-  faEnvelope,
-  faGlobe,
-  faInfoCircle,
-  faList,
-  faStream,
-  faUsers,
-} from '@fortawesome/free-solid-svg-icons'
 import { mapState as mapPiniaState } from 'pinia'
+import { mapState } from 'vuex'
+
 import {
   filterNavigation,
   getBookmarkFolderEntries,
@@ -27,7 +16,20 @@ import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 import { useListsStore } from 'src/stores/lists'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { mapState } from 'vuex'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faBell,
+  faBookmark,
+  faCity,
+  faComments,
+  faEnvelope,
+  faGlobe,
+  faInfoCircle,
+  faList,
+  faStream,
+  faUsers,
+} from '@fortawesome/free-solid-svg-icons'
 
 library.add(
   faUsers,
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 20285168d..275827c43 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -1,19 +1,7 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faCheck,
-  faCompressAlt,
-  faExpandAlt,
-  faEyeSlash,
-  faRetweet,
-  faStar,
-  faSuitcaseRolling,
-  faTimes,
-  faUser,
-  faUserPlus,
-} from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'vuex'
+
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { mapState } from 'vuex'
 import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
 import {
   highlightClass,
@@ -29,6 +17,20 @@ import UserCard from '../user_card/user_card.vue'
 import UserLink from '../user_link/user_link.vue'
 import UserPopover from '../user_popover/user_popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faCheck,
+  faCompressAlt,
+  faExpandAlt,
+  faEyeSlash,
+  faRetweet,
+  faStar,
+  faSuitcaseRolling,
+  faTimes,
+  faUser,
+  faUserPlus,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(
   faCheck,
   faTimes,
diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue
index 674acdec5..7be8eb76b 100644
--- a/src/components/notifications/notification_filters.vue
+++ b/src/components/notifications/notification_filters.vue
@@ -106,9 +106,10 @@
 </template>
 
 <script>
+import Popover from '../popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter } from '@fortawesome/free-solid-svg-icons'
-import Popover from '../popover/popover.vue'
 
 library.add(faFilter)
 
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 236d7ddf5..9e349a2eb 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -1,14 +1,9 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faArrowUp,
-  faCircleNotch,
-  faMinus,
-} from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useInterfaceStore } from 'src/stores/interface'
 import { computed } from 'vue'
 import { mapGetters } from 'vuex'
+
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInterfaceStore } from 'src/stores/interface'
 import FaviconService from '../../services/favicon_service/favicon_service.js'
 import {
   ACTIONABLE_NOTIFICATION_TYPES,
@@ -22,6 +17,13 @@ import ExtraNotifications from '../extra_notifications/extra_notifications.vue'
 import Notification from '../notification/notification.vue'
 import NotificationFilters from './notification_filters.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faArrowUp,
+  faCircleNotch,
+  faMinus,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(faCircleNotch, faArrowUp, faMinus)
 
 const DEFAULT_SEEN_TO_DISPLAY_COUNT = 30
diff --git a/src/components/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index eeb523786..21b40bccb 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -45,15 +45,17 @@
 </template>
 
 <script setup>
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faFileExport, faFileImport } from '@fortawesome/free-solid-svg-icons'
+import { computed } from 'vue'
+
 import ColorInput from 'src/components/color_input/color_input.vue'
 import {
   newExporter,
   newImporter,
 } from 'src/services/export_import/export_import.js'
 import { useInterfaceStore } from 'src/stores/interface'
-import { computed } from 'vue'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faFileExport, faFileImport } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faFileImport, faFileExport)
 
diff --git a/src/components/password_reset/password_reset.js b/src/components/password_reset/password_reset.js
index c7e78da2d..4fd53f8dd 100644
--- a/src/components/password_reset/password_reset.js
+++ b/src/components/password_reset/password_reset.js
@@ -1,7 +1,9 @@
+import { mapState } from 'vuex'
+
+import passwordResetApi from '../../services/new_api/password_reset.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
-import { mapState } from 'vuex'
-import passwordResetApi from '../../services/new_api/password_reset.js'
 
 library.add(faTimes)
 
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index 2894a60e1..594a7be88 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -1,6 +1,7 @@
 import Checkbox from 'components/checkbox/checkbox.vue'
 import RichContent from 'components/rich_content/rich_content.jsx'
 import Timeago from 'components/timeago/timeago.vue'
+
 import { usePollsStore } from 'src/stores/polls'
 import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 
diff --git a/src/components/poll/poll_form.js b/src/components/poll/poll_form.js
index 1e2d0f22d..92b471314 100644
--- a/src/components/poll/poll_form.js
+++ b/src/components/poll/poll_form.js
@@ -1,9 +1,10 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faPlus, faTimes } from '@fortawesome/free-solid-svg-icons'
 import * as DateUtils from 'src/services/date_utils/date_utils.js'
 import { pollFallback } from 'src/services/poll/poll.service.js'
 import Select from '../select/select.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faPlus, faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes, faPlus)
 
 export default {
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 530620397..396aa94f0 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -1,24 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faBan,
-  faChevronDown,
-  faChevronLeft,
-  faChevronRight,
-  faCircleNotch,
-  faPollH,
-  faSmileBeam,
-  faTimes,
-  faUpload,
-} from '@fortawesome/free-solid-svg-icons'
 import { debounce, map, reject, uniqBy } from 'lodash'
 import { mapActions, mapState } from 'pinia'
+import { mapGetters } from 'vuex'
+
 import DraftCloser from 'src/components/draft_closer/draft_closer.vue'
 import Gallery from 'src/components/gallery/gallery.vue'
 import Popover from 'src/components/popover/popover.vue'
 import { pollFormToMasto } from 'src/services/poll/poll.service.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
-import { mapGetters } from 'vuex'
 import { propsToNative } from '../../services/attributes_helper/attributes_helper.service.js'
 import fileTypeService from '../../services/file_type/file_type.service.js'
 import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
@@ -34,6 +23,19 @@ import ScopeSelector from '../scope_selector/scope_selector.vue'
 import Select from '../select/select.vue'
 import StatusContent from '../status_content/status_content.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faBan,
+  faChevronDown,
+  faChevronLeft,
+  faChevronRight,
+  faCircleNotch,
+  faPollH,
+  faSmileBeam,
+  faTimes,
+  faUpload,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(
   faSmileBeam,
   faPollH,
diff --git a/src/components/post_status_modal/post_status_modal.js b/src/components/post_status_modal/post_status_modal.js
index 2643f0822..2c643e9db 100644
--- a/src/components/post_status_modal/post_status_modal.js
+++ b/src/components/post_status_modal/post_status_modal.js
@@ -1,4 +1,5 @@
 import get from 'lodash/get'
+
 import { usePostStatusStore } from 'src/stores/post_status'
 import Modal from '../modal/modal.vue'
 import PostStatusForm from '../post_status_form/post_status_form.vue'
diff --git a/src/components/quick_filter_settings/quick_filter_settings.js b/src/components/quick_filter_settings/quick_filter_settings.js
index 4e5960901..3572dbb18 100644
--- a/src/components/quick_filter_settings/quick_filter_settings.js
+++ b/src/components/quick_filter_settings/quick_filter_settings.js
@@ -1,9 +1,11 @@
+import { mapState } from 'pinia'
+import { mapGetters } from 'vuex'
+
+import { useInterfaceStore } from 'src/stores/interface'
+import Popover from '../popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter, faFont, faWrench } from '@fortawesome/free-solid-svg-icons'
-import { mapState } from 'pinia'
-import { useInterfaceStore } from 'src/stores/interface'
-import { mapGetters } from 'vuex'
-import Popover from '../popover/popover.vue'
 
 library.add(faFilter, faFont, faWrench)
 
diff --git a/src/components/quick_view_settings/quick_view_settings.js b/src/components/quick_view_settings/quick_view_settings.js
index e3606d116..6c5a9f667 100644
--- a/src/components/quick_view_settings/quick_view_settings.js
+++ b/src/components/quick_view_settings/quick_view_settings.js
@@ -1,3 +1,10 @@
+import { mapState } from 'pinia'
+import { mapGetters } from 'vuex'
+
+import Popover from 'src/components/popover/popover.vue'
+import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
+import { useInterfaceStore } from 'src/stores/interface'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBars,
@@ -5,11 +12,6 @@ import {
   faList,
   faWrench,
 } from '@fortawesome/free-solid-svg-icons'
-import { mapState } from 'pinia'
-import Popover from 'src/components/popover/popover.vue'
-import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
-import { useInterfaceStore } from 'src/stores/interface'
-import { mapGetters } from 'vuex'
 
 library.add(faList, faFolderTree, faBars, faWrench)
 
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index a84031fe4..8d1081acb 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -1,7 +1,8 @@
 import useVuelidate from '@vuelidate/core'
 import { required, requiredIf, sameAs } from '@vuelidate/validators'
-import { DAY } from 'src/services/date_utils/date_utils.js'
 import { mapActions, mapState } from 'vuex'
+
+import { DAY } from 'src/services/date_utils/date_utils.js'
 import localeService from '../../services/locale/locale.service.js'
 import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
 import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index 1a64b813f..99dd8035d 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -1,4 +1,5 @@
 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'
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 1625fe691..b8812d0ac 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -1,12 +1,14 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
 import { uniqBy } from 'lodash'
 import map from 'lodash/map'
+
 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'
+
 library.add(faCircleNotch, faSearch)
 
 const Search = {
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index 69605ff03..e53c2f219 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -1,3 +1,17 @@
+import Checkbox from 'components/checkbox/checkbox.vue'
+import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
+import Popover from 'components/popover/popover.vue'
+import Select from 'components/select/select.vue'
+import StillImage from 'components/still-image/still-image.vue'
+import { assign, clone } from 'lodash'
+
+import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import { useInterfaceStore } from 'src/stores/interface'
+import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue'
+import ModifiedIndicator from '../helpers/modified_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import StringSetting from '../helpers/string_setting.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faArrowsRotate,
@@ -5,18 +19,6 @@ import {
   faFolderOpen,
   faServer,
 } from '@fortawesome/free-solid-svg-icons'
-import Checkbox from 'components/checkbox/checkbox.vue'
-import ConfirmModal from 'components/confirm_modal/confirm_modal.vue'
-import Popover from 'components/popover/popover.vue'
-import Select from 'components/select/select.vue'
-import StillImage from 'components/still-image/still-image.vue'
-import { assign, clone } from 'lodash'
-import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import { useInterfaceStore } from 'src/stores/interface'
-import EmojiEditingPopover from '../helpers/emoji_editing_popover.vue'
-import ModifiedIndicator from '../helpers/modified_indicator.vue'
-import SharedComputedObject from '../helpers/shared_computed_object.js'
-import StringSetting from '../helpers/string_setting.vue'
 
 library.add(faArrowsRotate, faFolderOpen, faDownload, faServer)
 
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.js b/src/components/settings_modal/admin_tabs/frontends_tab.js
index 92faa169d..7563adae0 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.js
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.js
@@ -1,5 +1,3 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faGlobe } from '@fortawesome/free-solid-svg-icons'
 import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import Popover from 'src/components/popover/popover.vue'
 import { useInterfaceStore } from 'src/stores/interface'
@@ -10,6 +8,9 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faGlobe)
 
 const FrontendsTab = {
diff --git a/src/components/settings_modal/admin_tabs/http_tab.js b/src/components/settings_modal/admin_tabs/http_tab.js
index 91a6df68a..ea76ebe6f 100644
--- a/src/components/settings_modal/admin_tabs/http_tab.js
+++ b/src/components/settings_modal/admin_tabs/http_tab.js
@@ -1,4 +1,5 @@
 import { get } from 'lodash'
+
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
diff --git a/src/components/settings_modal/admin_tabs/instance_tab.js b/src/components/settings_modal/admin_tabs/instance_tab.js
index 66fe3866a..67d04c303 100644
--- a/src/components/settings_modal/admin_tabs/instance_tab.js
+++ b/src/components/settings_modal/admin_tabs/instance_tab.js
@@ -1,4 +1,5 @@
 import { get } from 'lodash'
+
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
@@ -8,7 +9,6 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
 import MapSetting from '../helpers/map_setting.vue'
 import PWAManifestIconsSetting from '../helpers/pwa_manifest_icons_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 
diff --git a/src/components/settings_modal/admin_tabs/links_tab.js b/src/components/settings_modal/admin_tabs/links_tab.js
index 91bcf5d81..b3b5f1f2e 100644
--- a/src/components/settings_modal/admin_tabs/links_tab.js
+++ b/src/components/settings_modal/admin_tabs/links_tab.js
@@ -1,4 +1,5 @@
 import { get } from 'lodash'
+
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
@@ -6,7 +7,6 @@ import ChoiceSetting from '../helpers/choice_setting.vue'
 import GroupSetting from '../helpers/group_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import ListSetting from '../helpers/list_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 
diff --git a/src/components/settings_modal/admin_tabs/monitoring_tab.js b/src/components/settings_modal/admin_tabs/monitoring_tab.js
index 03b347a72..1ba9770f0 100644
--- a/src/components/settings_modal/admin_tabs/monitoring_tab.js
+++ b/src/components/settings_modal/admin_tabs/monitoring_tab.js
@@ -1,5 +1,3 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faGlobe } from '@fortawesome/free-solid-svg-icons'
 import AttachmentSetting from '../helpers/attachment_setting.vue'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
@@ -9,6 +7,9 @@ import ListSetting from '../helpers/list_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faGlobe)
 
 const MonitoringTab = {
diff --git a/src/components/settings_modal/admin_tabs/rates_tab.js b/src/components/settings_modal/admin_tabs/rates_tab.js
index 812c25b00..ddf18b035 100644
--- a/src/components/settings_modal/admin_tabs/rates_tab.js
+++ b/src/components/settings_modal/admin_tabs/rates_tab.js
@@ -1,5 +1,4 @@
 import RateSetting from '../helpers/rate_setting.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const RatesTab = {
diff --git a/src/components/settings_modal/helpers/draft_buttons.vue b/src/components/settings_modal/helpers/draft_buttons.vue
index fd2f42cdd..cc7010619 100644
--- a/src/components/settings_modal/helpers/draft_buttons.vue
+++ b/src/components/settings_modal/helpers/draft_buttons.vue
@@ -57,9 +57,10 @@
 </template>
 
 <script>
+import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
-import Popover from 'src/components/popover/popover.vue'
 
 library.add(faWrench)
 
diff --git a/src/components/settings_modal/helpers/help_indicator.vue b/src/components/settings_modal/helpers/help_indicator.vue
index ea21ea7a3..add6ab753 100644
--- a/src/components/settings_modal/helpers/help_indicator.vue
+++ b/src/components/settings_modal/helpers/help_indicator.vue
@@ -18,9 +18,10 @@
 </template>
 
 <script>
+import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons'
-import Popover from 'src/components/popover/popover.vue'
 
 library.add(faCircleQuestion)
 
diff --git a/src/components/settings_modal/helpers/modified_indicator.vue b/src/components/settings_modal/helpers/modified_indicator.vue
index e92cd7e49..c723dfe19 100644
--- a/src/components/settings_modal/helpers/modified_indicator.vue
+++ b/src/components/settings_modal/helpers/modified_indicator.vue
@@ -23,9 +23,10 @@
 </template>
 
 <script>
+import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faWrench } from '@fortawesome/free-solid-svg-icons'
-import Popover from 'src/components/popover/popover.vue'
 
 library.add(faWrench)
 
diff --git a/src/components/settings_modal/helpers/profile_setting_indicator.vue b/src/components/settings_modal/helpers/profile_setting_indicator.vue
index 6ed401f1d..3b45b125d 100644
--- a/src/components/settings_modal/helpers/profile_setting_indicator.vue
+++ b/src/components/settings_modal/helpers/profile_setting_indicator.vue
@@ -23,9 +23,10 @@
 </template>
 
 <script>
+import Popover from 'src/components/popover/popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faServer } from '@fortawesome/free-solid-svg-icons'
-import Popover from 'src/components/popover/popover.vue'
 
 library.add(faServer)
 
diff --git a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
index f76672155..6d6cdd121 100644
--- a/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
+++ b/src/components/settings_modal/helpers/pwa_manifest_icons_setting.js
@@ -1,4 +1,5 @@
 import { clone } from 'lodash'
+
 import Attachment from 'src/components/attachment/attachment.vue'
 import MediaUpload from 'src/components/media_upload/media_upload.vue'
 import Select from 'src/components/select/select.vue'
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index 20cd03bce..c77de92b1 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -1,4 +1,5 @@
 import { cloneDeep, get, isEqual, set } from 'lodash'
+
 import DraftButtons from './draft_buttons.vue'
 import ModifiedIndicator from './modified_indicator.vue'
 import ProfileSettingIndicator from './profile_setting_indicator.vue'
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index 7b05f74d0..a3238ce2f 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -1,11 +1,13 @@
 // eslint-disable-next-line no-unused
 
-import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { throttle } from 'lodash'
 import { mapState as mapPiniaState, mapState } from 'pinia'
 import { Fragment, h } from 'vue'
 
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
+
 import './vertical_tab_switcher.scss'
+
 import { useInterfaceStore } from 'src/stores/interface'
 
 const findFirstUsable = (slots) => slots.findIndex((_) => _.props)
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index c4bb493fd..4517c3295 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -1,13 +1,6 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
-import {
-  faChevronDown,
-  faFileDownload,
-  faFileUpload,
-  faTimes,
-} from '@fortawesome/free-solid-svg-icons'
 import { cloneDeep, isEqual } from 'lodash'
 import { mapActions, mapState } from 'pinia'
+
 import AsyncComponentError from 'src/components/async_component_error/async_component_error.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
@@ -21,6 +14,15 @@ import getResettableAsyncComponent from 'src/services/resettable_async_component
 import { useInterfaceStore } from 'src/stores/interface'
 import Popover from '../popover/popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
+import {
+  faChevronDown,
+  faFileDownload,
+  faFileUpload,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+
 const PLEROMAFE_SETTINGS_MAJOR_VERSION = 1
 const PLEROMAFE_SETTINGS_MINOR_VERSION = 0
 
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 1a0787883..1a3f10e77 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -1,22 +1,3 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faChain,
-  faChartLine,
-  faCircleNodes,
-  faDoorOpen,
-  faEllipsis,
-  faEnvelope,
-  faGauge,
-  faGears,
-  faGlobe,
-  faHand,
-  faKey,
-  faLaptopCode,
-  faMessage,
-  faTowerBroadcast,
-  faUpload,
-  faWrench,
-} from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 import AuthTab from './admin_tabs/auth_tab.vue'
 import EmojiTab from './admin_tabs/emoji_tab.vue'
@@ -37,6 +18,26 @@ import RegistrationsTab from './admin_tabs/registrations_tab.vue'
 import UploadsTab from './admin_tabs/uploads_tab.vue'
 import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faChain,
+  faChartLine,
+  faCircleNodes,
+  faDoorOpen,
+  faEllipsis,
+  faEnvelope,
+  faGauge,
+  faGears,
+  faGlobe,
+  faHand,
+  faKey,
+  faLaptopCode,
+  faMessage,
+  faTowerBroadcast,
+  faUpload,
+  faWrench,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(
   faWrench,
   faHand,
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index ce6ee4366..f66099049 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -1,20 +1,3 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faBell,
-  faBroom,
-  faCode,
-  faColumns,
-  faDownload,
-  faEyeSlash,
-  faFilter,
-  faLock,
-  faMessage,
-  faPaintBrush,
-  faPalette,
-  faUser,
-  faWindowRestore,
-  faWrench,
-} from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 import AppearanceTab from './tabs/appearance_tab.vue'
@@ -33,6 +16,24 @@ import ProfileTab from './tabs/profile_tab.vue'
 import SecurityTab from './tabs/security_tab/security_tab.vue'
 import StyleTab from './tabs/style_tab/style_tab.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faBell,
+  faBroom,
+  faCode,
+  faColumns,
+  faDownload,
+  faEyeSlash,
+  faFilter,
+  faLock,
+  faMessage,
+  faPaintBrush,
+  faPalette,
+  faUser,
+  faWindowRestore,
+  faWrench,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(
   faWrench,
   faUser,
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 46de7f168..1110505cc 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -1,4 +1,5 @@
 import { mapActions } from 'pinia'
+
 import fileSizeFormatService from 'src/components/../services/file_size_format/file_size_format.js'
 import PaletteEditor from 'src/components/palette_editor/palette_editor.vue'
 import { newImporter } from 'src/services/export_import/export_import.js'
diff --git a/src/components/settings_modal/tabs/clutter_tab.js b/src/components/settings_modal/tabs/clutter_tab.js
index e7debd89a..c0b7b33b2 100644
--- a/src/components/settings_modal/tabs/clutter_tab.js
+++ b/src/components/settings_modal/tabs/clutter_tab.js
@@ -1,10 +1,10 @@
 import { mapActions, mapState } from 'pinia'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import Select from 'src/components/select/select.vue'
-
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import { v4 as uuidv4 } from 'uuid'
 import { mapState as mapVuexState } from 'vuex'
+
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Select from 'src/components/select/select.vue'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import HelpIndicator from '../helpers/help_indicator.vue'
diff --git a/src/components/settings_modal/tabs/composing_tab.js b/src/components/settings_modal/tabs/composing_tab.js
index b55b4ac42..0b06922e0 100644
--- a/src/components/settings_modal/tabs/composing_tab.js
+++ b/src/components/settings_modal/tabs/composing_tab.js
@@ -1,3 +1,19 @@
+import { mapState } from 'vuex'
+
+import FontControl from 'src/components/font_control/font_control.vue'
+import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
+import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
+import Select from 'src/components/select/select.vue'
+import localeService from 'src/services/locale/locale.service.js'
+import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ChoiceSetting from '../helpers/choice_setting.vue'
+import FloatSetting from '../helpers/float_setting.vue'
+import IntegerSetting from '../helpers/integer_setting.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+import UnitSetting from '../helpers/unit_setting.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faDatabase,
@@ -6,20 +22,6 @@ import {
   faPenAlt,
   faSliders,
 } from '@fortawesome/free-solid-svg-icons'
-import FontControl from 'src/components/font_control/font_control.vue'
-import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
-import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
-import Select from 'src/components/select/select.vue'
-import localeService from 'src/services/locale/locale.service.js'
-import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
-import { mapState } from 'vuex'
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ChoiceSetting from '../helpers/choice_setting.vue'
-import FloatSetting from '../helpers/float_setting.vue'
-import IntegerSetting from '../helpers/integer_setting.vue'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import SharedComputedObject from '../helpers/shared_computed_object.js'
-import UnitSetting from '../helpers/unit_setting.vue'
 
 library.add(faGlobe, faMessage, faPenAlt, faDatabase, faSliders)
 
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.js b/src/components/settings_modal/tabs/data_import_export_tab.js
index 70ffae20c..dcd63416b 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.js
+++ b/src/components/settings_modal/tabs/data_import_export_tab.js
@@ -1,8 +1,9 @@
+import { mapState } from 'vuex'
+
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Exporter from 'src/components/exporter/exporter.vue'
 import Importer from 'src/components/importer/importer.vue'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
-import { mapState } from 'vuex'
 
 const DataImportExportTab = {
   data() {
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index 3628ace72..8bd2b913d 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -1,5 +1,8 @@
 import { cloneDeep } from 'lodash'
 import { mapActions, mapState } from 'pinia'
+import { v4 as uuidv4 } from 'uuid'
+import { mapState as mapVuexState } from 'vuex'
+
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Select from 'src/components/select/select.vue'
 import {
@@ -8,8 +11,6 @@ import {
 } from 'src/services/export_import/export_import.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { v4 as uuidv4 } from 'uuid'
-import { mapState as mapVuexState } from 'vuex'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import HelpIndicator from '../helpers/help_indicator.vue'
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 00b3957a1..cf98fd182 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -1,12 +1,12 @@
+import { mapState } from 'vuex'
+
 import FontControl from 'src/components/font_control/font_control.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import localeService from 'src/services/locale/locale.service.js'
-import { mapState } from 'vuex'
 import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import FloatSetting from '../helpers/float_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import UnitSetting from '../helpers/unit_setting.vue'
 
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index 10af49633..55087d1e2 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -1,6 +1,7 @@
 import get from 'lodash/get'
 import map from 'lodash/map'
 import reject from 'lodash/reject'
+
 import withLoadMore from 'src/components/../hocs/with_load_more/with_load_more'
 import withSubscription from 'src/components/../hocs/with_subscription/with_subscription'
 import Autosuggest from 'src/components/autosuggest/autosuggest.vue'
diff --git a/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
index ea7067b99..778e92c3b 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
+++ b/src/components/settings_modal/tabs/old_theme_tab/theme_preview.vue
@@ -118,6 +118,8 @@
 </template>
 
 <script>
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faReply,
@@ -125,7 +127,6 @@ import {
   faStar,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
 
 library.add(faTimes, faStar, faRetweet, faReply)
 
diff --git a/src/components/settings_modal/tabs/posts_tab.js b/src/components/settings_modal/tabs/posts_tab.js
index 3833dc108..dfc4d4f8b 100644
--- a/src/components/settings_modal/tabs/posts_tab.js
+++ b/src/components/settings_modal/tabs/posts_tab.js
@@ -3,7 +3,6 @@ import BooleanSetting from '../helpers/boolean_setting.vue'
 import ChoiceSetting from '../helpers/choice_setting.vue'
 import IntegerSetting from '../helpers/integer_setting.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 const GeneralTab = {
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index 511bba757..acfc0c674 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -1,14 +1,15 @@
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import UserCard from 'src/components/user_card/user_card.vue'
+import BooleanSetting from '../helpers/boolean_setting.vue'
+import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
+import SharedComputedObject from '../helpers/shared_computed_object.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faCircleNotch,
   faPlus,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import UserCard from 'src/components/user_card/user_card.vue'
-import BooleanSetting from '../helpers/boolean_setting.vue'
-import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
-import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 library.add(faTimes, faPlus, faCircleNotch)
 
diff --git a/src/components/settings_modal/tabs/security_tab/mfa.js b/src/components/settings_modal/tabs/security_tab/mfa.js
index 658504c6b..a998fdb4b 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa.js
@@ -1,5 +1,6 @@
 import VueQrcode from '@chenfengyuan/vue-qrcode'
 import { mapState } from 'vuex'
+
 import Confirm from './confirm.vue'
 import RecoveryCodes from './mfa_backup_codes.vue'
 import TOTP from './mfa_totp.vue'
diff --git a/src/components/settings_modal/tabs/security_tab/mfa_totp.js b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
index d8200bcef..e011fd638 100644
--- a/src/components/settings_modal/tabs/security_tab/mfa_totp.js
+++ b/src/components/settings_modal/tabs/security_tab/mfa_totp.js
@@ -1,4 +1,5 @@
 import { mapState } from 'vuex'
+
 import Confirm from './confirm.vue'
 
 export default {
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.js b/src/components/settings_modal/tabs/style_tab/style_tab.js
index 4620c0fbb..7fa55761a 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.js
@@ -1,12 +1,13 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faArrowsRotate,
-  faCheck,
-  faFile,
-  faFloppyDisk,
-  faFolderOpen,
-} from '@fortawesome/free-solid-svg-icons'
 import { get, set, throttle, unset } from 'lodash'
+import {
+  computed,
+  getCurrentInstance,
+  provide,
+  reactive,
+  ref,
+  watch,
+} from 'vue'
+
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
 import ComponentPreview from 'src/components/component_preview/component_preview.vue'
@@ -43,18 +44,19 @@ import {
   init,
 } from 'src/services/theme_data/theme_data_3.service.js'
 import { useInterfaceStore } from 'src/stores/interface'
-import {
-  computed,
-  getCurrentInstance,
-  provide,
-  reactive,
-  ref,
-  watch,
-} from 'vue'
 import StringSetting from '../../helpers/string_setting.vue'
 import Preview from '../old_theme_tab/theme_preview.vue'
 import VirtualDirectivesTab from './virtual_directives_tab.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faArrowsRotate,
+  faCheck,
+  faFile,
+  faFloppyDisk,
+  faFolderOpen,
+} from '@fortawesome/free-solid-svg-icons'
+
 // helper for debugging
 // const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
 
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
index ff1fcba1c..d52c0084c 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.js
@@ -1,10 +1,10 @@
-import ColorInput from 'src/components/color_input/color_input.vue'
+import { computed, inject, ref, watch } from 'vue'
 
+import ColorInput from 'src/components/color_input/color_input.vue'
 import Select from 'src/components/select/select.vue'
 import SelectMotion from 'src/components/select/select_motion.vue'
 import ShadowControl from 'src/components/shadow_control/shadow_control.vue'
 import { serializeShadow } from 'src/services/theme_data/iss_serializer.js'
-import { computed, inject, ref, watch } from 'vue'
 
 // helper for debugging
 // const toValue = (x) => JSON.parse(JSON.stringify(x === undefined ? 'null' : x))
diff --git a/src/components/shadow_control/shadow_control.js b/src/components/shadow_control/shadow_control.js
index 84bfcfd2b..a7613923c 100644
--- a/src/components/shadow_control/shadow_control.js
+++ b/src/components/shadow_control/shadow_control.js
@@ -1,11 +1,5 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faChevronDown,
-  faChevronUp,
-  faPlus,
-  faTimes,
-} from '@fortawesome/free-solid-svg-icons'
 import { flattenDeep, throttle } from 'lodash'
+
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import ColorInput from 'src/components/color_input/color_input.vue'
 import ComponentPreview from 'src/components/component_preview/component_preview.vue'
@@ -25,6 +19,14 @@ import {
   findShadow,
 } from 'src/services/theme_data/theme_data_3.service.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faChevronDown,
+  faChevronUp,
+  faPlus,
+  faTimes,
+} from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronDown, faChevronUp, faTimes, faPlus)
 
 const toModel = (input) => {
diff --git a/src/components/shout_panel/shout_panel.js b/src/components/shout_panel/shout_panel.js
index fb337daae..6cb6a53b0 100644
--- a/src/components/shout_panel/shout_panel.js
+++ b/src/components/shout_panel/shout_panel.js
@@ -1,8 +1,9 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faBullhorn, faTimes } from '@fortawesome/free-solid-svg-icons'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import { useShoutStore } from 'src/stores/shout'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faBullhorn, faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faBullhorn, faTimes)
 
 const shoutPanel = {
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index af351f5b6..b12cef86e 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -1,3 +1,14 @@
+import { mapState as mapPiniaState } from 'pinia'
+import { mapGetters, mapState } from 'vuex'
+
+import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
+import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useInterfaceStore } from 'src/stores/interface'
+import { useShoutStore } from 'src/stores/shout'
+import GestureService from '../../services/gesture_service/gesture_service'
+import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
+import UserCard from '../user_card/user_card.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
@@ -15,15 +26,6 @@ import {
   faTachometerAlt,
   faUserPlus,
 } from '@fortawesome/free-solid-svg-icons'
-import { mapState as mapPiniaState } from 'pinia'
-import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useInterfaceStore } from 'src/stores/interface'
-import { useShoutStore } from 'src/stores/shout'
-import { mapGetters, mapState } from 'vuex'
-import GestureService from '../../services/gesture_service/gesture_service'
-import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
-import UserCard from '../user_card/user_card.vue'
 
 library.add(
   faSignInAlt,
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index f8a4fd413..0b7dc8b57 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -1,6 +1,7 @@
 import groupBy from 'lodash/groupBy'
 import map from 'lodash/map'
 import { mapGetters, mapState } from 'vuex'
+
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 const StaffPanel = {
diff --git a/src/components/status/status.js b/src/components/status/status.js
index aa7a0efb4..1673a6933 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -1,3 +1,27 @@
+import { unescape as ldUnescape, uniqBy } from 'lodash'
+
+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 generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { muteFilterHits } from '../../services/status_parser/status_parser.js'
+import {
+  highlightClass,
+  highlightStyle,
+} from '../../services/user_highlighter/user_highlighter.js'
+import AvatarList from '../avatar_list/avatar_list.vue'
+import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
+import StatusContent from '../status_content/status_content.vue'
+import StatusPopover from '../status_popover/status_popover.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserListPopover from '../user_list_popover/user_list_popover.vue'
+import UserPopover from '../user_popover/user_popover.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleRight,
@@ -20,28 +44,6 @@ import {
   faThumbtack,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import { unescape as ldUnescape, uniqBy } from 'lodash'
-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 generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
-import { muteFilterHits } from '../../services/status_parser/status_parser.js'
-import {
-  highlightClass,
-  highlightStyle,
-} from '../../services/user_highlighter/user_highlighter.js'
-import AvatarList from '../avatar_list/avatar_list.vue'
-import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
-import PostStatusForm from '../post_status_form/post_status_form.vue'
-import StatusContent from '../status_content/status_content.vue'
-import StatusPopover from '../status_popover/status_popover.vue'
-import Timeago from '../timeago/timeago.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import UserLink from '../user_link/user_link.vue'
-import UserListPopover from '../user_list_popover/user_list_popover.vue'
-import UserPopover from '../user_popover/user_popover.vue'
 
 library.add(
   faEnvelope,
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index 057e6d200..5badd87e7 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -1,3 +1,7 @@
+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 { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBookmark as faBookmarkRegular,
@@ -22,9 +26,6 @@ import {
   faTimes,
   faWrench,
 } from '@fortawesome/free-solid-svg-icons'
-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'
 
 library.add(
   faPlus,
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index dfd07609a..c5e615a19 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -1,13 +1,14 @@
+import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
+import Popover from 'src/components/popover/popover.vue'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import ActionButton from './action_button.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faFolderTree,
   faGlobe,
   faUser,
 } from '@fortawesome/free-solid-svg-icons'
-import MuteConfirm from 'src/components/confirm_modal/mute_confirm.vue'
-import Popover from 'src/components/popover/popover.vue'
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-import ActionButton from './action_button.vue'
 
 library.add(faUser, faGlobe, faFolderTree)
 
diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index 87324cd1f..d53ef3271 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -1,6 +1,5 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
+
 import ConfirmModal from 'src/components/confirm_modal/confirm_modal.vue'
 import Popover from 'src/components/popover/popover.vue'
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
@@ -8,6 +7,9 @@ import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import ActionButtonContainer from './action_button_container.vue'
 import { BUTTONS } from './buttons_definitions.js'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faEllipsisH)
 
 const StatusActionButtons = {
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index 1f4160a5c..80f8400b6 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -1,3 +1,8 @@
+import { mapGetters } from 'vuex'
+
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import fileType from 'src/services/file_type/file_type.service'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faFile,
@@ -6,9 +11,6 @@ import {
   faMusic,
   faPollH,
 } from '@fortawesome/free-solid-svg-icons'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import fileType from 'src/services/file_type/file_type.service'
-import { mapGetters } from 'vuex'
 
 library.add(faFile, faMusic, faImage, faLink, faPollH)
 
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 93938c0aa..4aa617832 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,10 +1,12 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
 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'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronRight, faFolder)
 
 const StatusBookmarkFolderMenu = {
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index ca7944361..51bfe6f1e 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -1,3 +1,12 @@
+import { mapGetters, mapState } from 'vuex'
+
+import StatusBody from 'src/components/status_body/status_body.vue'
+import { useMediaViewerStore } from 'src/stores/media_viewer'
+import Attachment from '../attachment/attachment.vue'
+import Gallery from '../gallery/gallery.vue'
+import LinkPreview from '../link-preview/link-preview.vue'
+import Poll from '../poll/poll.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faCircleNotch,
@@ -7,13 +16,6 @@ import {
   faMusic,
   faPollH,
 } from '@fortawesome/free-solid-svg-icons'
-import StatusBody from 'src/components/status_body/status_body.vue'
-import { useMediaViewerStore } from 'src/stores/media_viewer'
-import { mapGetters, mapState } from 'vuex'
-import Attachment from '../attachment/attachment.vue'
-import Gallery from '../gallery/gallery.vue'
-import LinkPreview from '../link-preview/link-preview.vue'
-import Poll from '../poll/poll.vue'
 
 library.add(faCircleNotch, faFile, faMusic, faImage, faLink, faPollH)
 
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index efae51079..1ad48ace3 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -1,4 +1,5 @@
 import { get } from 'lodash'
+
 import { useStatusHistoryStore } from 'src/stores/statusHistory'
 import Modal from '../modal/modal.vue'
 import Status from '../status/status.vue'
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index 500becb9e..9ad12356e 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -1,8 +1,9 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 import { find } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faCircleNotch)
 
 const StatusPopover = {
diff --git a/src/components/still-image/still-image-emoji-popover.vue b/src/components/still-image/still-image-emoji-popover.vue
index fc0f5a265..f8ff89a6f 100644
--- a/src/components/still-image/still-image-emoji-popover.vue
+++ b/src/components/still-image/still-image-emoji-popover.vue
@@ -59,6 +59,7 @@
 import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
 import { assign } from 'lodash'
+
 import { useInterfaceStore } from 'src/stores/interface'
 import StillImage from './still-image.vue'
 
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index a85ad50f8..a495ddd51 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -1,10 +1,12 @@
 // eslint-disable-next-line no-unused
 
-import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 import { mapState } from 'pinia'
 import { Fragment, h } from 'vue'
 
+import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
+
 import './tab_switcher.scss'
+
 import { useInterfaceStore } from 'src/stores/interface'
 
 const findFirstUsable = (slots) => slots.findIndex((_) => _.props)
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index 6a7eec7d6..f5d5d17fe 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -1,9 +1,10 @@
+import Status from '../status/status.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
   faAngleDoubleRight,
 } from '@fortawesome/free-solid-svg-icons'
-import Status from '../status/status.vue'
 
 library.add(faAngleDoubleDown, faAngleDoubleRight)
 
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index f77e38907..afb1690e0 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -1,3 +1,15 @@
+import { debounce, keyBy, throttle } from 'lodash'
+import { mapState } from 'pinia'
+
+import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
+import { useInterfaceStore } from 'src/stores/interface'
+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 { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faArrowUp,
@@ -7,16 +19,6 @@ import {
   faCog,
   faMinus,
 } from '@fortawesome/free-solid-svg-icons'
-import { debounce, keyBy, throttle } from 'lodash'
-import { mapState } from 'pinia'
-import { useInterfaceStore } from 'src/stores/interface'
-import timelineFetcher from '../../services/timeline_fetcher/timeline_fetcher.service.js'
-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'
 
 library.add(faCircleNotch, faCog, faMinus, faArrowUp, faCirclePlus, faCheck)
 
diff --git a/src/components/timeline_menu/timeline_menu.js b/src/components/timeline_menu/timeline_menu.js
index 2edb6226f..97c4dbe35 100644
--- a/src/components/timeline_menu/timeline_menu.js
+++ b/src/components/timeline_menu/timeline_menu.js
@@ -1,16 +1,18 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+import { mapState } from 'vuex'
+
 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 { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
-import { mapState } from 'vuex'
 import BookmarkFoldersMenuContent from '../bookmark_folders_menu/bookmark_folders_menu_content.vue'
 import ListsMenuContent from '../lists_menu/lists_menu_content.vue'
 import Popover from '../popover/popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronDown)
 
 // Route -> i18n key mapping, exported and not in the computed
diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
index 206454364..a2cb9e5c1 100644
--- a/src/components/update_notification/update_notification.js
+++ b/src/components/update_notification/update_notification.js
@@ -1,10 +1,11 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
 import pleromaTanFoxMask from 'src/assets/pleromatan_apology_fox_mask.png'
 import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
 import Modal from 'src/components/modal/modal.vue'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faTimes } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faTimes)
 
 export const CURRENT_UPDATE_COUNTER = 1
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 868f0d922..a8bd03d49 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,8 +1,9 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faPeopleGroup, faRobot } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 import StillImage from '../still-image/still-image.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faPeopleGroup, faRobot } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faRobot, faPeopleGroup)
 
 const UserAvatar = {
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index 6236e09de..3ec6e8e3d 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -1,3 +1,32 @@
+import isEqual from 'lodash/isEqual'
+import merge from 'lodash/merge'
+import ldUnescape from 'lodash/unescape'
+import { mapGetters } from 'vuex'
+
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
+import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+import suggestor from 'src/components/emoji_input/suggestor.js'
+import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
+import localeService from 'src/services/locale/locale.service.js'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+import { usePostStatusStore } from 'src/stores/post_status'
+import { useInterfaceStore } from '../../stores/interface'
+import { useMediaViewerStore } from '../../stores/media_viewer'
+import AccountActions from '../account_actions/account_actions.vue'
+import FollowButton from '../follow_button/follow_button.vue'
+import ModerationTools from '../moderation_tools/moderation_tools.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 UserNote from '../user_note/user_note.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faBell,
@@ -11,33 +40,6 @@ import {
   faSearchPlus,
   faTimes,
 } from '@fortawesome/free-solid-svg-icons'
-import isEqual from 'lodash/isEqual'
-import merge from 'lodash/merge'
-import ldUnescape from 'lodash/unescape'
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
-import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
-import suggestor from 'src/components/emoji_input/suggestor.js'
-import ImageCropper from 'src/components/image_cropper/image_cropper.vue'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
-import localeService from 'src/services/locale/locale.service.js'
-import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
-import { usePostStatusStore } from 'src/stores/post_status'
-import { mapGetters } from 'vuex'
-import { useInterfaceStore } from '../../stores/interface'
-import { useMediaViewerStore } from '../../stores/media_viewer'
-import AccountActions from '../account_actions/account_actions.vue'
-import FollowButton from '../follow_button/follow_button.vue'
-import ModerationTools from '../moderation_tools/moderation_tools.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 UserNote from '../user_note/user_note.vue'
 
 library.add(
   faSave,
diff --git a/src/components/user_list_menu/user_list_menu.js b/src/components/user_list_menu/user_list_menu.js
index 3bed7824e..b30a8808f 100644
--- a/src/components/user_list_menu/user_list_menu.js
+++ b/src/components/user_list_menu/user_list_menu.js
@@ -1,10 +1,12 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
 import { mapState } from 'pinia'
+
 import { useListsStore } from 'src/stores/lists'
 import DialogModal from '../dialog_modal/dialog_modal.vue'
 import Popover from '../popover/popover.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faChevronRight)
 
 const UserListMenu = {
diff --git a/src/components/user_list_popover/user_list_popover.js b/src/components/user_list_popover/user_list_popover.js
index 832feeca5..bdc8cacdf 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -1,8 +1,10 @@
+import { defineAsyncComponent } from 'vue'
+
+import RichContent from 'src/components/rich_content/rich_content.jsx'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import { defineAsyncComponent } from 'vue'
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 library.add(faCircleNotch)
 
diff --git a/src/components/user_panel/user_panel.js b/src/components/user_panel/user_panel.js
index 5c89232f2..d16fca4e4 100644
--- a/src/components/user_panel/user_panel.js
+++ b/src/components/user_panel/user_panel.js
@@ -1,4 +1,5 @@
 import { mapState } from 'vuex'
+
 import AuthForm from '../auth_form/auth_form.js'
 import PostStatusForm from '../post_status_form/post_status_form.vue'
 import UserCard from '../user_card/user_card.vue'
diff --git a/src/components/user_popover/user_popover.js b/src/components/user_popover/user_popover.js
index cc69bc49d..6d83aaa21 100644
--- a/src/components/user_popover/user_popover.js
+++ b/src/components/user_popover/user_popover.js
@@ -1,4 +1,5 @@
 import { defineAsyncComponent } from 'vue'
+
 import UserCard from '../user_card/user_card.vue'
 
 const UserPopover = {
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 5ae782c32..73fc81a9e 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -1,6 +1,5 @@
-import { library } from '@fortawesome/fontawesome-svg-core'
-import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 import get from 'lodash/get'
+
 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'
@@ -10,6 +9,9 @@ import List from '../list/list.vue'
 import Timeline from '../timeline/timeline.vue'
 import UserCard from '../user_card/user_card.vue'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
+
 library.add(faCircleNotch)
 
 const FollowerList = withLoadMore({
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js
index 9e5eb1dbd..5dbb1c3d1 100644
--- a/src/components/who_to_follow_panel/who_to_follow_panel.js
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.js
@@ -1,4 +1,5 @@
 import { shuffle } from 'lodash'
+
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 import apiService from '../../services/api/api.service.js'
 
diff --git a/src/hocs/with_load_more/with_load_more.jsx b/src/hocs/with_load_more/with_load_more.jsx
index 8eab49f8d..9cb9d78c4 100644
--- a/src/hocs/with_load_more/with_load_more.jsx
+++ b/src/hocs/with_load_more/with_load_more.jsx
@@ -2,6 +2,7 @@
 
 import isEmpty from 'lodash/isEmpty'
 import { h } from 'vue'
+
 import { getComponentProps } from '../../services/component_utils/component_utils'
 import './with_load_more.scss'
 
diff --git a/src/hocs/with_subscription/with_subscription.jsx b/src/hocs/with_subscription/with_subscription.jsx
index 36a592cdc..198be6862 100644
--- a/src/hocs/with_subscription/with_subscription.jsx
+++ b/src/hocs/with_subscription/with_subscription.jsx
@@ -2,6 +2,7 @@
 
 import isEmpty from 'lodash/isEmpty'
 import { h } from 'vue'
+
 import { getComponentProps } from '../../services/component_utils/component_utils'
 import './with_subscription.scss'
 
diff --git a/src/i18n/messages.js b/src/i18n/messages.js
index f60e888e1..df851c88f 100644
--- a/src/i18n/messages.js
+++ b/src/i18n/messages.js
@@ -8,6 +8,7 @@
 // There's only problem that apostrophe character ' gets replaced by \\ so you have to fix it manually, sorry.
 
 import { isEqual } from 'lodash'
+
 import enMessages from './en.json'
 import { langCodeToJsonName, languages } from './languages.js'
 
diff --git a/src/lib/persisted_state.js b/src/lib/persisted_state.js
index fe6cc3554..90f602c40 100644
--- a/src/lib/persisted_state.js
+++ b/src/lib/persisted_state.js
@@ -1,5 +1,6 @@
 import { cloneDeep, each, get, set } from 'lodash'
 import merge from 'lodash.merge'
+
 import { useInterfaceStore } from 'src/stores/interface'
 import { storage } from './storage.js'
 
diff --git a/src/main.js b/src/main.js
index d75fb0740..91653973d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -14,6 +14,7 @@ if (!Array.prototype.toSorted) {
 }
 
 import { createI18n } from 'vue-i18n'
+
 import afterStoreSetup from './boot/after_store.js'
 import messages from './i18n/messages.js'
 import createPersistedState, {
diff --git a/src/modules/api.js b/src/modules/api.js
index f751c74d9..cb8b72e10 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -1,4 +1,5 @@
 import { Socket } from 'phoenix'
+
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useShoutStore } from 'src/stores/shout.js'
 import { WSConnectionStatus } from '../services/api/api.service.js'
diff --git a/src/modules/chats.js b/src/modules/chats.js
index c74bf5f01..308b2cb27 100644
--- a/src/modules/chats.js
+++ b/src/modules/chats.js
@@ -1,5 +1,6 @@
 import { find, omitBy, orderBy, sumBy } from 'lodash'
 import { reactive } from 'vue'
+
 import chatService from '../services/chat_service/chat_service.js'
 import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import {
diff --git a/src/modules/config.js b/src/modules/config.js
index 7bd7e583f..cf144664a 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -1,11 +1,11 @@
 import Cookies from 'js-cookie'
 import { set } from 'lodash'
+
 import { useI18nStore } from 'src/stores/i18n.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import messages from '../i18n/messages'
 import localeService from '../services/locale/locale.service.js'
 import { applyConfig } from '../services/style_setter/style_setter.js'
-
 import { defaultState, instanceDefaultConfig } from './default_config_state.js'
 
 const BACKEND_LANGUAGE_COOKIE_NAME = 'userLanguage'
diff --git a/src/modules/instance.js b/src/modules/instance.js
index afea2884c..0f7009bc7 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -1,5 +1,5 @@
 // See build/emojis_plugin for more details
-import { annotationsLoader } from 'virtual:pleroma-fe/emoji-annotations'
+
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { ensureFinalFallback } from '../i18n/languages.js'
 import apiService from '../services/api/api.service.js'
@@ -9,6 +9,8 @@ import {
   staticOrApiConfigDefault,
 } from './default_config_state.js'
 
+import { annotationsLoader } from 'virtual:pleroma-fe/emoji-annotations'
+
 const SORTED_EMOJI_GROUP_IDS = [
   'smileys-and-emotion',
   'people-and-body',
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index eec335419..7667a20d0 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -1,7 +1,6 @@
 import { useReportsStore } from 'src/stores/reports.js'
 import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
 import apiService from '../services/api/api.service.js'
-
 import {
   closeAllDesktopNotifications,
   closeDesktopNotification,
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index d1378f1be..bf6500238 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -12,6 +12,7 @@ import {
   remove,
   slice,
 } from 'lodash'
+
 import { useInterfaceStore } from 'src/stores/interface'
 import apiService from '../services/api/api.service.js'
 
diff --git a/src/modules/users.js b/src/modules/users.js
index beea85260..4e45d420f 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -8,6 +8,7 @@ import {
   mergeWith,
   uniq,
 } from 'lodash'
+
 import { declarations } from 'src/modules/config_declaration'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
diff --git a/src/services/api/api.service.js b/src/services/api/api.service.js
index 63f06017e..90886b4c5 100644
--- a/src/services/api/api.service.js
+++ b/src/services/api/api.service.js
@@ -1,4 +1,5 @@
 import { concat, each, get, last, map } from 'lodash'
+
 import {
   parseAttachment,
   parseChat,
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index c3ca88481..dee586aeb 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -1,6 +1,7 @@
 import { parseLinkHeader } from '@web3-storage/parse-link-header'
 import escapeHtml from 'escape-html'
 import punycode from 'punycode.js'
+
 import { isStatusNotification } from '../notification_utils/notification_utils.js'
 
 /** NOTICE! **
diff --git a/src/services/html_converter/html_tree_converter.service.js b/src/services/html_converter/html_tree_converter.service.js
index 4c5a380a1..4e2df2762 100644
--- a/src/services/html_converter/html_tree_converter.service.js
+++ b/src/services/html_converter/html_tree_converter.service.js
@@ -1,4 +1,5 @@
 import { unescape as ldUnescape } from 'lodash'
+
 import { getTagName } from './utility.service.js'
 
 /**
diff --git a/src/services/locale/locale.service.js b/src/services/locale/locale.service.js
index 17d6119d3..9fe62318c 100644
--- a/src/services/locale/locale.service.js
+++ b/src/services/locale/locale.service.js
@@ -1,5 +1,6 @@
 import ISO6391 from 'iso-639-1'
 import _ from 'lodash'
+
 import languagesObject from '../../i18n/messages'
 
 const specialLanguageCodes = {
diff --git a/src/services/new_api/oauth.js b/src/services/new_api/oauth.js
index 8f0f07131..b803e2146 100644
--- a/src/services/new_api/oauth.js
+++ b/src/services/new_api/oauth.js
@@ -1,4 +1,5 @@
 import { reduce } from 'lodash'
+
 import { StatusCodeError } from 'src/services/errors/errors.js'
 
 const REDIRECT_URI = `${window.location.origin}/oauth-callback`
diff --git a/src/services/poll/poll.service.js b/src/services/poll/poll.service.js
index 8169c2525..b6b5f35e6 100644
--- a/src/services/poll/poll.service.js
+++ b/src/services/poll/poll.service.js
@@ -1,4 +1,5 @@
 import { uniq } from 'lodash'
+
 import * as DateUtils from 'src/services/date_utils/date_utils.js'
 
 const pollFallbackValues = {
diff --git a/src/services/status_poster/status_poster.service.js b/src/services/status_poster/status_poster.service.js
index c338661cc..021c31ef8 100644
--- a/src/services/status_poster/status_poster.service.js
+++ b/src/services/status_poster/status_poster.service.js
@@ -1,4 +1,5 @@
 import { map } from 'lodash'
+
 import apiService from '../api/api.service.js'
 
 const postStatus = ({
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 60bf88e75..d44b0fc06 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -1,5 +1,6 @@
 import localforage from 'localforage'
 import { chunk, throttle } from 'lodash'
+
 import { defaultState } from 'src/modules/default_config_state.js'
 import { getCssRules } from '../theme_data/css_utils.js'
 import { getEngineChecksum, init } from '../theme_data/theme_data_3.service.js'
diff --git a/src/services/theme_data/pleromafe.js b/src/services/theme_data/pleromafe.js
index 5363b9348..199eec6fc 100644
--- a/src/services/theme_data/pleromafe.js
+++ b/src/services/theme_data/pleromafe.js
@@ -1,4 +1,5 @@
 import { brightness, invertLightness } from 'chromatism'
+
 import { alphaBlend, mixrgb } from '../color_convert/color_convert.js'
 /* This is a definition of all layer combinations
  * each key is a topmost layer, each value represents layer underneath
diff --git a/src/services/theme_data/theme2_to_theme3.js b/src/services/theme_data/theme2_to_theme3.js
index 106d7f434..996d444f5 100644
--- a/src/services/theme_data/theme2_to_theme3.js
+++ b/src/services/theme_data/theme2_to_theme3.js
@@ -1,4 +1,5 @@
 import { convert } from 'chromatism'
+
 import allKeys from './theme2_keys'
 
 // keys that are meant to be used globally, i.e. what's the rest of the theme is based upon.
diff --git a/src/services/theme_data/theme3_slot_functions.js b/src/services/theme_data/theme3_slot_functions.js
index aab03ef7a..18b3c6c22 100644
--- a/src/services/theme_data/theme3_slot_functions.js
+++ b/src/services/theme_data/theme3_slot_functions.js
@@ -1,4 +1,5 @@
 import { brightness, convert } from 'chromatism'
+
 import {
   alphaBlend,
   arithmeticBlend,
diff --git a/src/services/theme_data/theme_data.service.js b/src/services/theme_data/theme_data.service.js
index 1516b07e0..d415cdb27 100644
--- a/src/services/theme_data/theme_data.service.js
+++ b/src/services/theme_data/theme_data.service.js
@@ -1,4 +1,5 @@
 import { brightness, contrastRatio, convert } from 'chromatism'
+
 import {
   alphaBlendLayers,
   getCssColor,
diff --git a/src/services/theme_data/theme_data_3.service.js b/src/services/theme_data/theme_data_3.service.js
index 2456744e7..533972a13 100644
--- a/src/services/theme_data/theme_data_3.service.js
+++ b/src/services/theme_data/theme_data_3.service.js
@@ -1,6 +1,7 @@
 import { brightness, convert } from 'chromatism'
 import sum from 'hash-sum'
 import { flattenDeep, sortBy } from 'lodash'
+
 import {
   alphaBlend,
   getTextColor,
@@ -9,7 +10,6 @@ import {
   rgba2css,
 } from '../color_convert/color_convert.js'
 import { deserializeShadow } from './iss_deserializer.js'
-
 import {
   findRules,
   genericRuleToSelector,
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index f876bf5d8..aef724eda 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -1,4 +1,5 @@
 import { camelCase } from 'lodash'
+
 import { useInterfaceStore } from 'src/stores/interface.js'
 import apiService from '../api/api.service.js'
 import { promiseInterval } from '../promise_interval/promise_interval.js'
diff --git a/src/stores/auth_flow.js b/src/stores/auth_flow.js
index 3c216a445..64df30f2a 100644
--- a/src/stores/auth_flow.js
+++ b/src/stores/auth_flow.js
@@ -1,4 +1,5 @@
 import { defineStore } from 'pinia'
+
 import { useOAuthStore } from 'src/stores/oauth.js'
 
 const PASSWORD_STRATEGY = 'password'
diff --git a/src/stores/media_viewer.js b/src/stores/media_viewer.js
index f06129ff1..983d46423 100644
--- a/src/stores/media_viewer.js
+++ b/src/stores/media_viewer.js
@@ -1,4 +1,5 @@
 import { defineStore } from 'pinia'
+
 import fileTypeService from '../services/file_type/file_type.service.js'
 
 const supportedTypes = new Set(['image', 'video', 'audio', 'flash'])
diff --git a/src/stores/oauth.js b/src/stores/oauth.js
index 934b13f03..ea5a4bfac 100644
--- a/src/stores/oauth.js
+++ b/src/stores/oauth.js
@@ -1,4 +1,5 @@
 import { defineStore } from 'pinia'
+
 import {
   createApp,
   getClientToken,
diff --git a/src/stores/reports.js b/src/stores/reports.js
index 0a6a5d48f..52b67527d 100644
--- a/src/stores/reports.js
+++ b/src/stores/reports.js
@@ -1,5 +1,6 @@
 import filter from 'lodash/filter'
 import { defineStore } from 'pinia'
+
 import { useInterfaceStore } from 'src/stores/interface'
 
 export const useReportsStore = defineStore('reports', {
diff --git a/src/stores/serverSideStorage.js b/src/stores/serverSideStorage.js
index 18d3fa4ee..99f5045f7 100644
--- a/src/stores/serverSideStorage.js
+++ b/src/stores/serverSideStorage.js
@@ -13,9 +13,10 @@ import {
   unset,
 } from 'lodash'
 import { defineStore } from 'pinia'
-import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/update_notification.js'
 import { toRaw } from 'vue'
 
+import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/update_notification.js'
+
 export const VERSION = 1
 export const NEW_USER_DATE = new Date('2022-08-04') // date of writing this, basically
 
diff --git a/src/sw.js b/src/sw.js
index 545818994..711aae6d0 100644
--- a/src/sw.js
+++ b/src/sw.js
@@ -1,15 +1,18 @@
 /* eslint-env serviceworker */
 
 import 'virtual:pleroma-fe/service_worker_env'
+
+import { createI18n } from 'vue-i18n'
+
+import { storage } from 'src/lib/storage.js'
+import { parseNotification } from './services/entity_normalizer/entity_normalizer.service.js'
+import { prepareNotificationObject } from './services/notification_utils/notification_utils.js'
+import { cacheKey, emojiCacheKey, shouldCache } from './services/sw/sw.js'
+
 // Collects all messages for service workers
 // Needed because service workers cannot use dynamic imports
 // See /build/sw_plugin.js for more information
 import messages from 'virtual:pleroma-fe/service_worker_messages'
-import { storage } from 'src/lib/storage.js'
-import { createI18n } from 'vue-i18n'
-import { parseNotification } from './services/entity_normalizer/entity_normalizer.service.js'
-import { prepareNotificationObject } from './services/notification_utils/notification_utils.js'
-import { cacheKey, emojiCacheKey, shouldCache } from './services/sw/sw.js'
 
 const i18n = createI18n({
   // By default, use the browser locale, we will update it if neccessary
diff --git a/test/fixtures/mock_store.js b/test/fixtures/mock_store.js
index 2010066cb..b3380834c 100644
--- a/test/fixtures/mock_store.js
+++ b/test/fixtures/mock_store.js
@@ -1,7 +1,8 @@
 import { cloneDeep } from 'lodash'
-import vuexModules from 'src/modules/index.js'
 import { createStore } from 'vuex'
 
+import vuexModules from 'src/modules/index.js'
+
 const tweakModules = (modules) => {
   const res = {}
   Object.entries(modules).forEach(([name, module]) => {
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index 6ebc08658..082fdbe29 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -1,7 +1,8 @@
 import { config } from '@vue/test-utils'
-import routes from 'src/boot/routes'
 import { createMemoryHistory, createRouter } from 'vue-router'
 import VueVirtualScroller from 'vue-virtual-scroller'
+
+import routes from 'src/boot/routes'
 import makeMockStore from './mock_store'
 
 export const $t = (msg) => msg
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index 83cc37e7d..ed6838d7e 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -1,7 +1,8 @@
-import routes from 'src/boot/routes'
 import { createMemoryHistory, createRouter } from 'vue-router'
 import { createStore } from 'vuex'
 
+import routes from 'src/boot/routes'
+
 const store = createStore({
   state: {
     instance: {},
diff --git a/test/unit/specs/components/draft.spec.js b/test/unit/specs/components/draft.spec.js
index 413c8990a..2b9ade95d 100644
--- a/test/unit/specs/components/draft.spec.js
+++ b/test/unit/specs/components/draft.spec.js
@@ -1,6 +1,7 @@
 import { flushPromises, mount } from '@vue/test-utils'
-import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import { nextTick } from 'vue'
+
+import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import { $t, mountOpts, waitForEvent } from '../../../fixtures/setup_test'
 
 const autoSaveOrNot = (caseFn, caseTitle, runFn) => {
diff --git a/test/unit/specs/components/emoji_input.spec.js b/test/unit/specs/components/emoji_input.spec.js
index 11c0c22d6..80f5a9c74 100644
--- a/test/unit/specs/components/emoji_input.spec.js
+++ b/test/unit/specs/components/emoji_input.spec.js
@@ -1,8 +1,9 @@
 import { shallowMount } from '@vue/test-utils'
 import vClickOutside from 'click-outside-vue3'
-import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import { h } from 'vue'
 
+import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
+
 const generateInput = (value, padEmoji = true) => {
   const wrapper = shallowMount(EmojiInput, {
     global: {
diff --git a/test/unit/specs/components/rich_content.spec.js b/test/unit/specs/components/rich_content.spec.js
index 2ae200bb3..fdf6c7f8f 100644
--- a/test/unit/specs/components/rich_content.spec.js
+++ b/test/unit/specs/components/rich_content.spec.js
@@ -1,4 +1,5 @@
 import { mount, shallowMount } from '@vue/test-utils'
+
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 
 const attentions = []
diff --git a/test/unit/specs/components/user_profile.spec.js b/test/unit/specs/components/user_profile.spec.js
index 41ca04f3d..2b594b160 100644
--- a/test/unit/specs/components/user_profile.spec.js
+++ b/test/unit/specs/components/user_profile.spec.js
@@ -1,8 +1,9 @@
 import { mount } from '@vue/test-utils'
+import { createStore } from 'vuex'
+
 import UserProfile from 'src/components/user_profile/user_profile.vue'
 import { getters } from 'src/modules/users.js'
 import backendInteractorService from 'src/services/backend_interactor_service/backend_interactor_service.js'
-import { createStore } from 'vuex'
 
 const mutations = {
   clearTimeline: () => {
diff --git a/test/unit/specs/lib/persisted_state.spec.js b/test/unit/specs/lib/persisted_state.spec.js
index d8635931a..de7d92bd8 100644
--- a/test/unit/specs/lib/persisted_state.spec.js
+++ b/test/unit/specs/lib/persisted_state.spec.js
@@ -1,8 +1,9 @@
 import { flushPromises } from '@vue/test-utils'
 import { createPinia, defineStore, setActivePinia } from 'pinia'
-import { piniaPersistPlugin } from 'src/lib/persisted_state.js'
 import { createApp } from 'vue'
 
+import { piniaPersistPlugin } from 'src/lib/persisted_state.js'
+
 const app = createApp({})
 
 const getMockStorage = () => {
diff --git a/test/unit/specs/stores/lists.spec.js b/test/unit/specs/stores/lists.spec.js
index e1cf67362..192546981 100644
--- a/test/unit/specs/stores/lists.spec.js
+++ b/test/unit/specs/stores/lists.spec.js
@@ -1,7 +1,8 @@
 import { createPinia, setActivePinia } from 'pinia'
+import { createStore } from 'vuex'
+
 import apiModule from 'src/modules/api.js'
 import { useListsStore } from 'src/stores/lists.js'
-import { createStore } from 'vuex'
 
 setActivePinia(createPinia())
 const store = useListsStore()
diff --git a/test/unit/specs/stores/oauth.spec.js b/test/unit/specs/stores/oauth.spec.js
index ae4ccd846..c634ebb66 100644
--- a/test/unit/specs/stores/oauth.spec.js
+++ b/test/unit/specs/stores/oauth.spec.js
@@ -1,8 +1,9 @@
 import { HttpResponse, http } from 'msw'
 import { createPinia, setActivePinia } from 'pinia'
-import { useOAuthStore } from 'src/stores/oauth.js'
 import { createApp } from 'vue'
 import { createStore } from 'vuex'
+
+import { useOAuthStore } from 'src/stores/oauth.js'
 import {
   authApis,
   injectMswToTest,
diff --git a/vite.config.js b/vite.config.js
index 3632ba3c1..2b6187413 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,6 +6,7 @@ import { defineConfig } from 'vite'
 import eslint from 'vite-plugin-eslint2'
 import stylelint from 'vite-plugin-stylelint'
 import { configDefaults } from 'vitest/config'
+
 import { getCommitHash } from './build/commit_hash.js'
 import copyPlugin from './build/copy_plugin.js'
 import emojisPlugin from './build/emojis_plugin.js'