diff --git a/build/sw_plugin.js b/build/sw_plugin.js
index 066c8da12..115e8ca3a 100644
--- a/build/sw_plugin.js
+++ b/build/sw_plugin.js
@@ -1,7 +1,7 @@
 import { readFile } from 'node:fs/promises'
+import { exactRegex } from '@rolldown/pluginutils'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
-import { exactRegex } from '@rolldown/pluginutils'
 import { build } from 'vite'
 
 import {
@@ -15,6 +15,7 @@ const getSWMessagesAsText = async () => {
 }
 const projectRoot = dirname(dirname(fileURLToPath(import.meta.url)))
 
+
 // Idea taken from
 // https://github.com/vite-pwa/vite-plugin-pwa/blob/main/src/plugins/build.ts
 // rollup does not support compiling to iife if we want to code-split;
@@ -26,13 +27,13 @@ export const buildSwPlugin = ({ swSrc, swDest }) => {
   const swEnvName = 'virtual:pleroma-fe/service_worker_env'
   const swEnvNameResolved = '\0' + swEnvName
 
-  let config
+  let rootConfig, config
 
   return {
     name: 'build-sw-plugin',
     enforce: 'post',
     configResolved(resolvedConfig) {
-      resolvedConfig
+      rootConfig = resolvedConfig
       config = {
         define: resolvedConfig.define,
         resolve: resolvedConfig.resolve,
@@ -43,14 +44,14 @@ export const buildSwPlugin = ({ swSrc, swDest }) => {
           emptyOutDir: false,
           rolldownOptions: {
             input: {
-              main: swSrc,
+              main: swSrc
             },
             context: 'self',
             output: {
               entryFileNames: swDest,
               codeSplitting: false,
               format: 'iife',
-            },
+            }
           },
         },
         configFile: false,
@@ -75,7 +76,7 @@ export const buildSwPlugin = ({ swSrc, swDest }) => {
             filter: { id: exactRegex(swEnvNameResolved) },
             handler() {
               return `self.serviceWorkerOption = { assets: ${JSON.stringify(assets)} };`
-            },
+            }
           },
         })
       },
@@ -84,7 +85,7 @@ export const buildSwPlugin = ({ swSrc, swDest }) => {
       filter: { id: new RegExp(swDest) },
       handler() {
         return swFullSrc
-      },
+      }
     },
     load: {
       filter: { id: new RegExp(swFullSrc) },
@@ -99,18 +100,17 @@ export const buildSwPlugin = ({ swSrc, swDest }) => {
           load: {
             filter: { id: exactRegex(swEnvNameResolved) },
             handler: () => 'self.serviceWorkerOption = { assets: [] }',
-          },
+          }
         })
 
         const swBundle = await build(config)
         return swBundle.output[0]
-      },
+      }
     },
     closeBundle: {
       order: 'post',
       sequential: true,
       async handler() {
-        if (process.env.VITEST) return
         console.info('Building service worker for production')
         await build(config)
       },
diff --git a/package.json b/package.json
index c51d98b81..c532d3050 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,7 @@
     "localforage": "1.10.0",
     "parse-link-header": "2.0.0",
     "phoenix": "1.8.1",
-    "pinia": "^3.0.4",
+    "pinia": "^3.0.0",
     "punycode.js": "2.3.1",
     "qrcode": "1.5.4",
     "querystring-es3": "0.2.1",
diff --git a/src/App.js b/src/App.js
index 16201e9ea..21295c57d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,14 +2,17 @@ import { throttle } from 'lodash'
 import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
-import DesktopNav from 'src/components/desktop_nav/desktop_nav.vue'
-import FeaturesPanel from 'src/components/features_panel/features_panel.vue'
-import GlobalNoticeList from 'src/components/global_notice_list/global_notice_list.vue'
-import InstanceSpecificPanel from 'src/components/instance_specific_panel/instance_specific_panel.vue'
-import MobileNav from 'src/components/mobile_nav/mobile_nav.vue'
-import MobilePostStatusButton from 'src/components/mobile_post_status_button/mobile_post_status_button.vue'
-import NavPanel from 'src/components/nav_panel/nav_panel.vue'
-import UserPanel from 'src/components/user_panel/user_panel.vue'
+import DesktopNav from './components/desktop_nav/desktop_nav.vue'
+import FeaturesPanel from './components/features_panel/features_panel.vue'
+import GlobalNoticeList from './components/global_notice_list/global_notice_list.vue'
+import InstanceSpecificPanel from './components/instance_specific_panel/instance_specific_panel.vue'
+import MediaModal from './components/media_modal/media_modal.vue'
+import MobileNav from './components/mobile_nav/mobile_nav.vue'
+import MobilePostStatusButton from './components/mobile_post_status_button/mobile_post_status_button.vue'
+import NavPanel from './components/nav_panel/nav_panel.vue'
+import PostStatusModal from './components/post_status_modal/post_status_modal.vue'
+import UserPanel from './components/user_panel/user_panel.vue'
+import UserReportingModal from './components/user_reporting_modal/user_reporting_modal.vue'
 import { getOrCreateServiceWorker } from './services/sw/sw'
 import { windowHeight, windowWidth } from './services/window_utils/window_utils'
 
@@ -33,43 +36,34 @@ export default {
     UserPanel,
     NavPanel,
     Notifications: defineAsyncComponent(
-      () => import('src/components/notifications/notifications.vue'),
+      () => import('./components/notifications/notifications.vue'),
     ),
     InstanceSpecificPanel,
     FeaturesPanel,
     WhoToFollowPanel: defineAsyncComponent(
-      () =>
-        import('src/components/who_to_follow_panel/who_to_follow_panel.vue'),
+      () => import('./components/who_to_follow_panel/who_to_follow_panel.vue'),
     ),
     ShoutPanel: defineAsyncComponent(
       () => import('src/components/shout_panel/shout_panel.vue'),
     ),
-    MediaModal: defineAsyncComponent(
-      () => import('src/components/media_modal/media_modal.vue'),
-    ),
+    MediaModal,
     MobilePostStatusButton,
     MobileNav,
     DesktopNav,
     SettingsModal: defineAsyncComponent(
-      () => import('src/components/settings_modal/settings_modal.vue'),
+      () => import('./components/settings_modal/settings_modal.vue'),
     ),
     UpdateNotification: defineAsyncComponent(
-      () =>
-        import('src/components/update_notification/update_notification.vue'),
-    ),
-    PostStatusModal: defineAsyncComponent(
-      () => import('src/components/post_status_modal/post_status_modal.vue'),
-    ),
-    UserReportingModal: defineAsyncComponent(
-      () =>
-        import('src/components/user_reporting_modal/user_reporting_modal.vue'),
+      () => import('./components/update_notification/update_notification.vue'),
     ),
+    UserReportingModal,
+    PostStatusModal,
     EditStatusModal: defineAsyncComponent(
-      () => import('src/components/edit_status_modal/edit_status_modal.vue'),
+      () => import('./components/edit_status_modal/edit_status_modal.vue'),
     ),
     StatusHistoryModal: defineAsyncComponent(
       () =>
-        import('src/components/status_history_modal/status_history_modal.vue'),
+        import('./components/status_history_modal/status_history_modal.vue'),
     ),
     GlobalNoticeList,
   },
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index fe65a7387..8e008aef2 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -6,8 +6,8 @@ import { createRouter, createWebHistory } from 'vue-router'
 import VueVirtualScroller from 'vue-virtual-scroller'
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'
 
-import RichContent from 'src/components/rich_content/rich_content.jsx'
 import Status from 'src/components/status/status.vue'
+import RichContent from 'src/components/rich_content/rich_content.jsx'
 import StillImage from 'src/components/still-image/still-image.vue'
 
 import { config } from '@fortawesome/fontawesome-svg-core'
diff --git a/src/components/about/about.js b/src/components/about/about.js
index e293895d5..e6a1067fe 100644
--- a/src/components/about/about.js
+++ b/src/components/about/about.js
@@ -1,10 +1,10 @@
 import { mapState } from 'pinia'
 
-import FeaturesPanel from 'src/components/features_panel/features_panel.vue'
-import InstanceSpecificPanel from 'src/components/instance_specific_panel/instance_specific_panel.vue'
-import MRFTransparencyPanel from 'src/components/mrf_transparency_panel/mrf_transparency_panel.vue'
-import StaffPanel from 'src/components/staff_panel/staff_panel.vue'
-import TermsOfServicePanel from 'src/components/terms_of_service_panel/terms_of_service_panel.vue'
+import FeaturesPanel from '../features_panel/features_panel.vue'
+import InstanceSpecificPanel from '../instance_specific_panel/instance_specific_panel.vue'
+import MRFTransparencyPanel from '../mrf_transparency_panel/mrf_transparency_panel.vue'
+import StaffPanel from '../staff_panel/staff_panel.vue'
+import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index 9b4775b97..cb4ac61eb 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -1,9 +1,9 @@
 import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
-import Popover from 'src/components/popover/popover.vue'
-import ProgressButton from 'src/components/progress_button/progress_button.vue'
 import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
+import Popover from '../popover/popover.vue'
+import ProgressButton from '../progress_button/progress_button.vue'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
@@ -30,10 +30,7 @@ const AccountActions = {
       () => import('src/components/confirm_modal/confirm_modal.vue'),
     ),
     UserTimedFilterModal: defineAsyncComponent(
-      () =>
-        import(
-          'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-        ),
+      () => import( 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'),
     ),
   },
   methods: {
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index 7f559f8fe..b6621264c 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -1,13 +1,15 @@
 import { mapState } from 'vuex'
 
-import AnnouncementEditor from 'src/components/announcement_editor/announcement_editor.vue'
 import localeService from '../../services/locale/locale.service.js'
+import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
+
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
 
 const Announcement = {
   components: {
     AnnouncementEditor,
+
   },
   data() {
     return {
diff --git a/src/components/announcement_editor/announcement_editor.js b/src/components/announcement_editor/announcement_editor.js
index c816083a4..6d22ac1fd 100644
--- a/src/components/announcement_editor/announcement_editor.js
+++ b/src/components/announcement_editor/announcement_editor.js
@@ -1,4 +1,4 @@
-import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Checkbox from '../checkbox/checkbox.vue'
 
 const AnnouncementEditor = {
   components: {
diff --git a/src/components/announcements_page/announcements_page.js b/src/components/announcements_page/announcements_page.js
index 3c73198c5..b8b1f000a 100644
--- a/src/components/announcements_page/announcements_page.js
+++ b/src/components/announcements_page/announcements_page.js
@@ -1,7 +1,7 @@
 import { mapState } from 'vuex'
 
-import Announcement from 'src/components/announcement/announcement.vue'
-import AnnouncementEditor from 'src/components/announcement_editor/announcement_editor.vue'
+import Announcement from '../announcement/announcement.vue'
+import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
 
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js
index 4b733258f..da776bf33 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -1,9 +1,10 @@
 import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
-import Popover from 'src/components/popover/popover.vue'
-import VideoAttachment from 'src/components/video_attachment/video_attachment.vue'
 import nsfwImage from '../../assets/nsfw.png'
+import Popover from '../popover/popover.vue'
+
+import VideoAttachment from '../video_attachment/video_attachment.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@@ -68,10 +69,12 @@ const Attachment = {
     }
   },
   components: {
-    Flash: defineAsyncComponent(() => import('src/components/flash/flash.vue')),
+    Flash: defineAsyncComponent(
+      () => import( 'src/components/flash/flash.vue'),
+    ),
 
     VideoAttachment: defineAsyncComponent(
-      () => import('src/components/video_attachment/video_attachment.vue'),
+      () => import( 'src/components/video_attachment/video_attachment.vue'),
     ),
     Popover,
   },
diff --git a/src/components/auth_form/auth_form.js b/src/components/auth_form/auth_form.js
index 7d853d119..9e05095ca 100644
--- a/src/components/auth_form/auth_form.js
+++ b/src/components/auth_form/auth_form.js
@@ -1,9 +1,9 @@
 import { mapState } from 'pinia'
 import { h, resolveComponent } from 'vue'
 
-import LoginForm from 'src/components/login_form/login_form.vue'
-import MFARecoveryForm from 'src/components/mfa_form/recovery_form.vue'
-import MFATOTPForm from 'src/components/mfa_form/totp_form.vue'
+import LoginForm from '../login_form/login_form.vue'
+import MFARecoveryForm from '../mfa_form/recovery_form.vue'
+import MFATOTPForm from '../mfa_form/totp_form.vue'
 
 import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 
diff --git a/src/components/avatar_list/avatar_list.js b/src/components/avatar_list/avatar_list.js
index 7806fba81..830b64219 100644
--- a/src/components/avatar_list/avatar_list.js
+++ b/src/components/avatar_list/avatar_list.js
@@ -1,4 +1,4 @@
-import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
diff --git a/src/components/basic_user_card/basic_user_card.js b/src/components/basic_user_card/basic_user_card.js
index 1c69f81b4..964c60c56 100644
--- a/src/components/basic_user_card/basic_user_card.js
+++ b/src/components/basic_user_card/basic_user_card.js
@@ -1,6 +1,7 @@
-import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
-import UserLink from 'src/components/user_link/user_link.vue'
-import UserPopover from 'src/components/user_popover/user_popover.vue'
+
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserPopover from '../user_popover/user_popover.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 6484accff..967ce2a3c 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -1,7 +1,7 @@
 import { mapState } from 'pinia'
 
-import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 
diff --git a/src/components/bookmark_folder_edit/bookmark_folder_edit.js b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
index 43aa239b2..a036895bf 100644
--- a/src/components/bookmark_folder_edit/bookmark_folder_edit.js
+++ b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
@@ -1,5 +1,5 @@
-import EmojiPicker from 'src/components/emoji_picker/emoji_picker.vue'
 import apiService from '../../services/api/api.service'
+import EmojiPicker from '../emoji_picker/emoji_picker.vue'
 
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
diff --git a/src/components/bookmark_folders/bookmark_folders.js b/src/components/bookmark_folders/bookmark_folders.js
index 9fd62dae0..1147fd3a5 100644
--- a/src/components/bookmark_folders/bookmark_folders.js
+++ b/src/components/bookmark_folders/bookmark_folders.js
@@ -1,4 +1,4 @@
-import BookmarkFolderCard from 'src/components/bookmark_folder_card/bookmark_folder_card.vue'
+import BookmarkFolderCard from '../bookmark_folder_card/bookmark_folder_card.vue'
 
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
diff --git a/src/components/bookmark_timeline/bookmark_timeline.js b/src/components/bookmark_timeline/bookmark_timeline.js
index bf633c18c..a241b6ac7 100644
--- a/src/components/bookmark_timeline/bookmark_timeline.js
+++ b/src/components/bookmark_timeline/bookmark_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from 'src/components/timeline/timeline.vue'
+import Timeline from '../timeline/timeline.vue'
 
 const Bookmarks = {
   created() {
diff --git a/src/components/bubble_timeline/bubble_timeline.js b/src/components/bubble_timeline/bubble_timeline.js
index fcbc31ad2..d3835e0e8 100644
--- a/src/components/bubble_timeline/bubble_timeline.js
+++ b/src/components/bubble_timeline/bubble_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from 'src/components/timeline/timeline.vue'
+import Timeline from '../timeline/timeline.vue'
 
 const BubbleTimeline = {
   components: {
diff --git a/src/components/chat/chat.js b/src/components/chat/chat.js
index 7428c0dc7..2fef86c0a 100644
--- a/src/components/chat/chat.js
+++ b/src/components/chat/chat.js
@@ -2,13 +2,13 @@ import { throttle } from 'lodash'
 import { mapState as mapPiniaState } from 'pinia'
 import { mapGetters, mapState } from 'vuex'
 
-import ChatMessage from 'src/components/chat_message/chat_message.vue'
-import ChatTitle from 'src/components/chat_title/chat_title.vue'
-import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import { WSConnectionStatus } from '../../services/api/api.service.js'
 import chatService from '../../services/chat_service/chat_service.js'
 import { buildFakeMessage } from '../../services/chat_utils/chat_utils.js'
 import { promiseInterval } from '../../services/promise_interval/promise_interval.js'
+import ChatMessage from '../chat_message/chat_message.vue'
+import ChatTitle from '../chat_title/chat_title.vue'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
 import {
   getNewTopPosition,
   getScrollPosition,
diff --git a/src/components/chat_list/chat_list.js b/src/components/chat_list/chat_list.js
index 597fcc709..4c3194ae1 100644
--- a/src/components/chat_list/chat_list.js
+++ b/src/components/chat_list/chat_list.js
@@ -1,8 +1,8 @@
 import { mapGetters, mapState } from 'vuex'
 
-import ChatListItem from 'src/components/chat_list_item/chat_list_item.vue'
-import ChatNew from 'src/components/chat_new/chat_new.vue'
-import List from 'src/components/list/list.vue'
+import ChatListItem from '../chat_list_item/chat_list_item.vue'
+import ChatNew from '../chat_new/chat_new.vue'
+import List from '../list/list.vue'
 
 const ChatList = {
   components: {
diff --git a/src/components/chat_list_item/chat_list_item.js b/src/components/chat_list_item/chat_list_item.js
index 3bbb93d60..74df26c1f 100644
--- a/src/components/chat_list_item/chat_list_item.js
+++ b/src/components/chat_list_item/chat_list_item.js
@@ -1,10 +1,10 @@
 import { mapState } from 'vuex'
 
-import AvatarList from 'src/components/avatar_list/avatar_list.vue'
-import ChatTitle from 'src/components/chat_title/chat_title.vue'
-import StatusBody from 'src/components/status_content/status_content.vue'
-import Timeago from 'src/components/timeago/timeago.vue'
-import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
+import AvatarList from '../avatar_list/avatar_list.vue'
+import ChatTitle from '../chat_title/chat_title.vue'
+import StatusBody from '../status_content/status_content.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
 
 const ChatListItem = {
   name: 'ChatListItem',
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index ba06172ed..12a147803 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -1,15 +1,15 @@
 import { mapState as mapPiniaState } from 'pinia'
-import { defineAsyncComponent } from 'vue'
 import { mapGetters, mapState } from 'vuex'
+import { defineAsyncComponent } from 'vue'
 
 import Attachment from 'src/components/attachment/attachment.vue'
 import ChatMessageDate from 'src/components/chat_message_date/chat_message_date.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
 import LinkPreview from 'src/components/link-preview/link-preview.vue'
 import Popover from 'src/components/popover/popover.vue'
 import StatusContent from 'src/components/status_content/status_content.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserPopover from 'src/components/user_popover/user_popover.vue'
+import Gallery from 'src/components/gallery/gallery.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface'
diff --git a/src/components/chat_new/chat_new.js b/src/components/chat_new/chat_new.js
index 5ee2b610d..50e0f7a8f 100644
--- a/src/components/chat_new/chat_new.js
+++ b/src/components/chat_new/chat_new.js
@@ -1,7 +1,7 @@
 import { mapGetters, mapState } from 'vuex'
 
-import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
-import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
+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'
diff --git a/src/components/chat_title/chat_title.js b/src/components/chat_title/chat_title.js
index 52d4445b6..5a2b5d775 100644
--- a/src/components/chat_title/chat_title.js
+++ b/src/components/chat_title/chat_title.js
@@ -1,5 +1,6 @@
 import { defineAsyncComponent } from 'vue'
 
+
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserPopover from 'src/components/user_popover/user_popover.vue'
 
diff --git a/src/components/color_input/color_input.vue b/src/components/color_input/color_input.vue
index 208bdf2dc..07aed6b81 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -66,8 +66,8 @@
 <script>
 import { throttle } from 'lodash'
 
-import Checkbox from 'src/components/checkbox/checkbox.vue'
 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'
diff --git a/src/components/confirm_modal/confirm_modal.js b/src/components/confirm_modal/confirm_modal.js
index 08761177b..affad7dcb 100644
--- a/src/components/confirm_modal/confirm_modal.js
+++ b/src/components/confirm_modal/confirm_modal.js
@@ -1,4 +1,4 @@
-import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
+import DialogModal from '../dialog_modal/dialog_modal.vue'
 
 /**
  * This component emits the following events:
diff --git a/src/components/conversation-page/conversation-page.js b/src/components/conversation-page/conversation-page.js
index 84494332d..d4705303e 100644
--- a/src/components/conversation-page/conversation-page.js
+++ b/src/components/conversation-page/conversation-page.js
@@ -1,4 +1,4 @@
-import Conversation from 'src/components/conversation/conversation.vue'
+import Conversation from '../conversation/conversation.vue'
 
 const conversationPage = {
   components: {
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index da15c79d6..7ca166dbd 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -2,10 +2,11 @@ import { clone, filter, findIndex, get, reduce } from 'lodash'
 import { mapState as mapPiniaState } from 'pinia'
 import { mapState } from 'vuex'
 
-import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
-import QuickViewSettings from 'src/components/quick_view_settings/quick_view_settings.vue'
-import ThreadTree from 'src/components/thread_tree/thread_tree.vue'
 import { WSConnectionStatus } from '../../services/api/api.service.js'
+import QuickFilterSettings from '../quick_filter_settings/quick_filter_settings.vue'
+import QuickViewSettings from '../quick_view_settings/quick_view_settings.vue'
+
+import ThreadTree from '../thread_tree/thread_tree.vue'
 
 import { useInterfaceStore } from 'src/stores/interface'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/dm_timeline/dm_timeline.js b/src/components/dm_timeline/dm_timeline.js
index d54044ff7..c977efe30 100644
--- a/src/components/dm_timeline/dm_timeline.js
+++ b/src/components/dm_timeline/dm_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from 'src/components/timeline/timeline.vue'
+import Timeline from '../timeline/timeline.vue'
 
 const DMs = {
   computed: {
diff --git a/src/components/domain_mute_card/domain_mute_card.js b/src/components/domain_mute_card/domain_mute_card.js
index d83896618..71da2684c 100644
--- a/src/components/domain_mute_card/domain_mute_card.js
+++ b/src/components/domain_mute_card/domain_mute_card.js
@@ -1,4 +1,4 @@
-import ProgressButton from 'src/components/progress_button/progress_button.vue'
+import ProgressButton from '../progress_button/progress_button.vue'
 
 const DomainMuteCard = {
   props: ['domain'],
diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index 529d3ddf1..bfafd052f 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -1,9 +1,9 @@
 import { cloneDeep } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 
-import 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 PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
+import Gallery from 'src/components/gallery/gallery.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
diff --git a/src/components/draft_closer/draft_closer.js b/src/components/draft_closer/draft_closer.js
index 02c556922..d60243dbd 100644
--- a/src/components/draft_closer/draft_closer.js
+++ b/src/components/draft_closer/draft_closer.js
@@ -1,5 +1,4 @@
 import { defineAsyncComponent } from 'vue'
-
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 const DraftCloser = {
diff --git a/src/components/edit_status_form/edit_status_form.js b/src/components/edit_status_form/edit_status_form.js
index f7fd3d04d..b8df92794 100644
--- a/src/components/edit_status_form/edit_status_form.js
+++ b/src/components/edit_status_form/edit_status_form.js
@@ -1,5 +1,5 @@
-import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import statusPosterService from '../../services/status_poster/status_poster.service.js'
+import PostStatusForm from '../post_status_form/post_status_form.vue'
 
 const EditStatusForm = {
   components: {
diff --git a/src/components/edit_status_modal/edit_status_modal.js b/src/components/edit_status_modal/edit_status_modal.js
index c3ba7e4cb..5922e5167 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -1,7 +1,7 @@
 import { get } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 
-import Modal from 'src/components/modal/modal.vue'
+import Modal from '../modal/modal.vue'
 
 import { useEditStatusStore } from 'src/stores/editStatus.js'
 
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index bc2bb092b..3f52b175f 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -1,9 +1,10 @@
 import { chunk, debounce, trim } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 
-import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Popover from 'src/components/popover/popover.vue'
 import { ensureFinalFallback } from '../../i18n/languages.js'
+import Checkbox from '../checkbox/checkbox.vue'
+
 
 import { useEmojiStore } from 'src/stores/emoji.js'
 import { useInstanceStore } from 'src/stores/instance.js'
diff --git a/src/components/emoji_picker/emoji_picker.vue b/src/components/emoji_picker/emoji_picker.vue
index 06e5976c4..67f40c945 100644
--- a/src/components/emoji_picker/emoji_picker.vue
+++ b/src/components/emoji_picker/emoji_picker.vue
@@ -49,7 +49,7 @@
               v-if="group.image"
               class="emoji-picker-header-image"
             >
-              <StillImage
+              <still-image
                 :alt="group.text"
                 :src="group.image"
               />
@@ -131,7 +131,7 @@
                       v-if="!emoji.imageUrl"
                       class="emoji-picker-emoji -unicode"
                     >{{ emoji.replacement }}</span>
-                    <StillImage
+                    <still-image
                       v-else
                       class="emoji-picker-emoji -custom"
                       loading="lazy"
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index acb5404c0..8d1045f51 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -1,5 +1,6 @@
-import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
-import UserListPopover from 'src/components/user_list_popover/user_list_popover.vue'
+
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserListPopover from '../user_list_popover/user_list_popover.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
@@ -16,6 +17,7 @@ const EmojiReactions = {
   components: {
     UserAvatar,
     UserListPopover,
+
   },
   props: ['status'],
   data: () => ({
diff --git a/src/components/follow_card/follow_card.js b/src/components/follow_card/follow_card.js
index 8fffbf730..e4c84dcdd 100644
--- a/src/components/follow_card/follow_card.js
+++ b/src/components/follow_card/follow_card.js
@@ -1,7 +1,7 @@
-import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
-import FollowButton from 'src/components/follow_button/follow_button.vue'
-import RemoteFollow from 'src/components/remote_follow/remote_follow.vue'
-import RemoveFollowerButton from 'src/components/remove_follower_button/remove_follower_button.vue'
+import BasicUserCard from '../basic_user_card/basic_user_card.vue'
+import FollowButton from '../follow_button/follow_button.vue'
+import RemoteFollow from '../remote_follow/remote_follow.vue'
+import RemoveFollowerButton from '../remove_follower_button/remove_follower_button.vue'
 
 const FollowCard = {
   props: ['user', 'noFollowsYou'],
diff --git a/src/components/follow_requests/follow_requests.js b/src/components/follow_requests/follow_requests.js
index 513298afc..7dbecee53 100644
--- a/src/components/follow_requests/follow_requests.js
+++ b/src/components/follow_requests/follow_requests.js
@@ -1,4 +1,4 @@
-import FollowRequestCard from 'src/components/follow_request_card/follow_request_card.vue'
+import FollowRequestCard from '../follow_request_card/follow_request_card.vue'
 
 const FollowRequests = {
   components: {
diff --git a/src/components/font_control/font_control.js b/src/components/font_control/font_control.js
index 697d83ee2..81c46ec89 100644
--- a/src/components/font_control/font_control.js
+++ b/src/components/font_control/font_control.js
@@ -1,7 +1,7 @@
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Popover from 'src/components/popover/popover.vue'
-import Select from 'src/components/select/select.vue'
 import LocalSettingIndicator from 'src/components/settings_modal/helpers/local_setting_indicator.vue'
+import Select from '../select/select.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 
diff --git a/src/components/friends_timeline/friends_timeline.js b/src/components/friends_timeline/friends_timeline.js
index b6bee7305..c0c032a8f 100644
--- a/src/components/friends_timeline/friends_timeline.js
+++ b/src/components/friends_timeline/friends_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from 'src/components/timeline/timeline.vue'
+import Timeline from '../timeline/timeline.vue'
 
 const FriendsTimeline = {
   components: {
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
index 252a32bf6..03a5aab11 100644
--- a/src/components/gallery/gallery.js
+++ b/src/components/gallery/gallery.js
@@ -1,6 +1,6 @@
 import { set, sumBy } from 'lodash'
 
-import Attachment from 'src/components/attachment/attachment.vue'
+import Attachment from '../attachment/attachment.vue'
 
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 
diff --git a/src/components/interactions/interactions.js b/src/components/interactions/interactions.js
index 142a5fc8a..87e9e1b87 100644
--- a/src/components/interactions/interactions.js
+++ b/src/components/interactions/interactions.js
@@ -1,5 +1,5 @@
-import Notifications from 'src/components/notifications/notifications.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Notifications from '../notifications/notifications.vue'
 
 const tabModeDict = {
   mentions: ['mention'],
diff --git a/src/components/interface_language_switcher/interface_language_switcher.js b/src/components/interface_language_switcher/interface_language_switcher.js
index bcf22fe9b..becf5677f 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -1,7 +1,7 @@
 import { v4 as uuidv4 } from 'uuid'
 
-import Select from 'src/components/select/select.vue'
 import localeService from '../../services/locale/locale.service.js'
+import Select from '../select/select.vue'
 
 export default {
   components: {
diff --git a/src/components/lists/lists.js b/src/components/lists/lists.js
index 9dcb7636c..ae58960f5 100644
--- a/src/components/lists/lists.js
+++ b/src/components/lists/lists.js
@@ -1,4 +1,4 @@
-import ListsCard from 'src/components/lists_card/lists_card.vue'
+import ListsCard from '../lists_card/lists_card.vue'
 
 import { useListsStore } from 'src/stores/lists.js'
 
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index d7a8525a8..483a9c02a 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -1,11 +1,11 @@
 import { mapState as mapPiniaState } from 'pinia'
 import { mapGetters, mapState } from 'vuex'
 
-import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
-import ListsUserSearch from 'src/components/lists_user_search/lists_user_search.vue'
 import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
+import 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 { useInterfaceStore } from 'src/stores/interface.js'
 import { useListsStore } from 'src/stores/lists.js'
diff --git a/src/components/lists_timeline/lists_timeline.js b/src/components/lists_timeline/lists_timeline.js
index a06220a37..3d2cafa73 100644
--- a/src/components/lists_timeline/lists_timeline.js
+++ b/src/components/lists_timeline/lists_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from 'src/components/timeline/timeline.vue'
+import Timeline from '../timeline/timeline.vue'
 
 import { useListsStore } from 'src/stores/lists.js'
 
diff --git a/src/components/lists_user_search/lists_user_search.js b/src/components/lists_user_search/lists_user_search.js
index aed3f1ce7..699e6c156 100644
--- a/src/components/lists_user_search/lists_user_search.js
+++ b/src/components/lists_user_search/lists_user_search.js
@@ -1,6 +1,6 @@
 import { debounce } from 'lodash'
 
-import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Checkbox from '../checkbox/checkbox.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index ad53b6e31..d649b6425 100644
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@@ -1,10 +1,10 @@
+import GestureService from '../../services/gesture_service/gesture_service'
+
+import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 import { defineAsyncComponent } from 'vue'
 
 import Modal from 'src/components/modal/modal.vue'
 import StillImage from 'src/components/still-image/still-image.vue'
-import GestureService from '../../services/gesture_service/gesture_service'
-
-import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -18,17 +18,20 @@ library.add(faChevronLeft, faChevronRight, faCircleNotch, faTimes)
 
 const MediaModal = {
   components: {
+
     VideoAttachment: defineAsyncComponent(
-      () => import('src/components/video_attachment/video_attachment.vue'),
+      () => import( 'src/components/video_attachment/video_attachment.vue'),
     ),
     PinchZoom: defineAsyncComponent(
-      () => import('src/components/pinch_zoom/pinch_zoom.vue'),
+      () => import( 'src/components/pinch_zoom/pinch_zoom.vue'),
     ),
     SwipeClick: defineAsyncComponent(
-      () => import('src/components/swipe_click/swipe_click.vue'),
+      () => import( 'src/components/swipe_click/swipe_click.vue'),
     ),
     Modal,
-    Flash: defineAsyncComponent(() => import('src/components/flash/flash.vue')),
+    Flash: defineAsyncComponent(
+      () => import( 'src/components/flash/flash.vue'),
+    ),
   },
   data() {
     return {
diff --git a/src/components/mentions/mentions.js b/src/components/mentions/mentions.js
index 48e06a950..10167ac77 100644
--- a/src/components/mentions/mentions.js
+++ b/src/components/mentions/mentions.js
@@ -1,4 +1,4 @@
-import Timeline from 'src/components/timeline/timeline.vue'
+import Timeline from '../timeline/timeline.vue'
 
 const Mentions = {
   computed: {
diff --git a/src/components/moderation_tools/moderation_tools.js b/src/components/moderation_tools/moderation_tools.js
index d31002fad..4149fd6d0 100644
--- a/src/components/moderation_tools/moderation_tools.js
+++ b/src/components/moderation_tools/moderation_tools.js
@@ -1,5 +1,5 @@
-import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
-import Popover from 'src/components/popover/popover.vue'
+import DialogModal from '../dialog_modal/dialog_modal.vue'
+import Popover from '../popover/popover.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index 0d247930a..d5226ef06 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -1,5 +1,5 @@
-import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
+import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 const MuteCard = {
   props: ['userId'],
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index c3649e4b3..120bcfa7b 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -12,6 +12,7 @@ import {
   TIMELINES,
 } from 'src/components/navigation/navigation.js'
 
+
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -53,7 +54,9 @@ const NavPanel = {
       return routeTo(item, this.currentUser)
     },
   },
-  components: {},
+  components: {
+
+  },
   computed: {
     getters() {
       return this.$store.getters
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 856850920..176ad3c9d 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -1,22 +1,25 @@
-import { defineAsyncComponent } from 'vue'
 import { mapState } from 'vuex'
 
-import Report from 'src/components/report/report.vue'
-import StatusContent from 'src/components/status_content/status_content.vue'
-import Timeago from 'src/components/timeago/timeago.vue'
-import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
-import UserLink from 'src/components/user_link/user_link.vue'
-import UserPopover from 'src/components/user_popover/user_popover.vue'
+
 import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
 import {
   highlightClass,
   highlightStyle,
 } from '../../services/user_highlighter/user_highlighter.js'
 
+import Report from '../report/report.vue'
+
+import StatusContent from '../status_content/status_content.vue'
+import Timeago from '../timeago/timeago.vue'
+import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserLink from '../user_link/user_link.vue'
+import UserPopover from '../user_popover/user_popover.vue'
+
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 
+import { defineAsyncComponent } from 'vue'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -67,9 +70,8 @@ const Notification = {
 
     UserPopover,
     UserLink,
-    ConfirmModal: defineAsyncComponent(
-      () => import('src/components/confirm_modal/confirm_modal.vue'),
-    ),
+    ConfirmModal: defineAsyncComponent(() => import('src/components/confirm_modal/confirm_modal.vue')),
+
   },
   mounted() {
     document.addEventListener('selectionchange', this.onContentSelect)
diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue
index 27e1bb179..9232930df 100644
--- a/src/components/notifications/notification_filters.vue
+++ b/src/components/notifications/notification_filters.vue
@@ -106,7 +106,7 @@
 </template>
 
 <script>
-import Popover from 'src/components/popover/popover.vue'
+import Popover from '../popover/popover.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 49349b127..9c50e645a 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -2,8 +2,6 @@ import { mapState } from 'pinia'
 import { computed } from 'vue'
 import { mapGetters } from 'vuex'
 
-import ExtraNotifications from 'src/components/extra_notifications/extra_notifications.vue'
-import Notification from 'src/components/notification/notification.vue'
 import FaviconService from '../../services/favicon_service/favicon_service.js'
 import {
   ACTIONABLE_NOTIFICATION_TYPES,
@@ -13,6 +11,8 @@ import {
   unseenNotificationsFromStore,
 } from '../../services/notification_utils/notification_utils.js'
 import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
+import ExtraNotifications from '../extra_notifications/extra_notifications.vue'
+import Notification from '../notification/notification.vue'
 import NotificationFilters from './notification_filters.vue'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
diff --git a/src/components/opacity_input/opacity_input.vue b/src/components/opacity_input/opacity_input.vue
index 761aeb216..b8012741f 100644
--- a/src/components/opacity_input/opacity_input.vue
+++ b/src/components/opacity_input/opacity_input.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Checkbox from '../checkbox/checkbox.vue'
 export default {
   components: {
     Checkbox,
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index 3ea9a1890..6f82f94e8 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -1,4 +1,5 @@
 import Checkbox from 'components/checkbox/checkbox.vue'
+
 import Timeago from 'components/timeago/timeago.vue'
 
 import genRandomSeed from '../../services/random_seed/random_seed.service.js'
diff --git a/src/components/poll/poll_form.js b/src/components/poll/poll_form.js
index e89935c7e..1e132312f 100644
--- a/src/components/poll/poll_form.js
+++ b/src/components/poll/poll_form.js
@@ -1,4 +1,4 @@
-import Select from 'src/components/select/select.vue'
+import Select from '../select/select.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 7eb129430..164db3896 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -1,14 +1,13 @@
 import { debounce, map, reject, uniqBy } from 'lodash'
 import { mapActions, mapState } from 'pinia'
-import { defineAsyncComponent } from 'vue'
 import { mapGetters } from 'vuex'
+import { defineAsyncComponent } from 'vue'
 
 import Attachment from 'src/components/attachment/attachment.vue'
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import DraftCloser from 'src/components/draft_closer/draft_closer.vue'
 import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import suggestor from 'src/components/emoji_input/suggestor.js'
-import Gallery from 'src/components/gallery/gallery.vue'
 import MediaUpload from 'src/components/media_upload/media_upload.vue'
 import Popover from 'src/components/popover/popover.vue'
 import ScopeSelector from 'src/components/scope_selector/scope_selector.vue'
@@ -18,6 +17,7 @@ import { propsToNative } from '../../services/attributes_helper/attributes_helpe
 import { findOffset } from '../../services/offset_finder/offset_finder.service.js'
 import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 import statusPoster from '../../services/status_poster/status_poster.service.js'
+import Gallery from 'src/components/gallery/gallery.vue'
 
 import { useEmojiStore } from 'src/stores/emoji.js'
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -141,10 +141,10 @@ const PostStatusForm = {
     MediaUpload,
     EmojiInput,
     PollForm: defineAsyncComponent(
-      () => import('src/components/poll/poll_form.vue'),
+      () => import( 'src/components/poll/poll_form.vue')
     ),
     QuoteForm: defineAsyncComponent(
-      () => import('src/components/quote/quote_form.vue'),
+      () => import( 'src/components/quote/quote_form.vue')
     ),
     ScopeSelector,
     Checkbox,
diff --git a/src/components/post_status_modal/post_status_modal.js b/src/components/post_status_modal/post_status_modal.js
index 6011281cf..ff004d4e8 100644
--- a/src/components/post_status_modal/post_status_modal.js
+++ b/src/components/post_status_modal/post_status_modal.js
@@ -1,7 +1,7 @@
 import { get } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 
-import Modal from 'src/components/modal/modal.vue'
+import Modal from '../modal/modal.vue'
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 
 import { usePostStatusStore } from 'src/stores/post_status.js'
diff --git a/src/components/public_and_external_timeline/public_and_external_timeline.js b/src/components/public_and_external_timeline/public_and_external_timeline.js
index 6dc8df02a..b6e53a4cf 100644
--- a/src/components/public_and_external_timeline/public_and_external_timeline.js
+++ b/src/components/public_and_external_timeline/public_and_external_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from 'src/components/timeline/timeline.vue'
+import Timeline from '../timeline/timeline.vue'
 
 const PublicAndExternalTimeline = {
   components: {
diff --git a/src/components/public_timeline/public_timeline.js b/src/components/public_timeline/public_timeline.js
index bbeae47af..b9d136e29 100644
--- a/src/components/public_timeline/public_timeline.js
+++ b/src/components/public_timeline/public_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from 'src/components/timeline/timeline.vue'
+import Timeline from '../timeline/timeline.vue'
 
 const PublicTimeline = {
   components: {
diff --git a/src/components/quick_filter_settings/quick_filter_settings.js b/src/components/quick_filter_settings/quick_filter_settings.js
index 6c27f7e0a..4127f3f30 100644
--- a/src/components/quick_filter_settings/quick_filter_settings.js
+++ b/src/components/quick_filter_settings/quick_filter_settings.js
@@ -1,6 +1,6 @@
 import { mapState } from 'pinia'
 
-import Popover from 'src/components/popover/popover.vue'
+import Popover from '../popover/popover.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useLocalConfigStore } from 'src/stores/local_config.js'
diff --git a/src/components/quote/quote.js b/src/components/quote/quote.js
index 3b771b3f2..30bb147cf 100644
--- a/src/components/quote/quote.js
+++ b/src/components/quote/quote.js
@@ -1,12 +1,15 @@
 import { defineAsyncComponent } from 'vue'
 
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
 library.add(faCircleNotch)
 
 export default {
-  components: {},
+  components: {
+
+  },
   name: 'Quote',
   props: {
     visible: {
diff --git a/src/components/quote/quote_form.js b/src/components/quote/quote_form.js
index cffae123b..4f580be44 100644
--- a/src/components/quote/quote_form.js
+++ b/src/components/quote/quote_form.js
@@ -1,6 +1,6 @@
 import { debounce } from 'lodash'
 
-import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Checkbox from '../checkbox/checkbox.vue'
 import Quote from './quote.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
diff --git a/src/components/quotes_timeline/quotes_timeline.js b/src/components/quotes_timeline/quotes_timeline.js
index f92f109be..b9b3e8f10 100644
--- a/src/components/quotes_timeline/quotes_timeline.js
+++ b/src/components/quotes_timeline/quotes_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from 'src/components/timeline/timeline.vue'
+import Timeline from '../timeline/timeline.vue'
 
 const QuotesTimeline = {
   created() {
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index 60f0fd16b..9058963c6 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -3,9 +3,9 @@ import { required, requiredIf, sameAs } from '@vuelidate/validators'
 import { mapState as mapPiniaState } from 'pinia'
 import { mapActions, mapState } from 'vuex'
 
-import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
-import TermsOfServicePanel from 'src/components/terms_of_service_panel/terms_of_service_panel.vue'
 import localeService from '../../services/locale/locale.service.js'
+import InterfaceLanguageSwitcher from '../interface_language_switcher/interface_language_switcher.vue'
+import TermsOfServicePanel from '../terms_of_service_panel/terms_of_service_panel.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
diff --git a/src/components/report/report.js b/src/components/report/report.js
index e9d14c515..66e59480e 100644
--- a/src/components/report/report.js
+++ b/src/components/report/report.js
@@ -1,6 +1,7 @@
-import Select from 'src/components/select/select.vue'
-import StatusContent from 'src/components/status_content/status_content.vue'
-import Timeago from 'src/components/timeago/timeago.vue'
+
+import Select from '../select/select.vue'
+import StatusContent from '../status_content/status_content.vue'
+import Timeago from '../timeago/timeago.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useReportsStore } from 'src/stores/reports.js'
@@ -13,6 +14,7 @@ const Report = {
     Select,
     StatusContent,
     Timeago,
+
   },
   computed: {
     report() {
diff --git a/src/components/rich_content/rich_content.jsx b/src/components/rich_content/rich_content.jsx
index fc17a529f..9ed06eb64 100644
--- a/src/components/rich_content/rich_content.jsx
+++ b/src/components/rich_content/rich_content.jsx
@@ -3,7 +3,7 @@ import { flattenDeep, unescape as ldUnescape } from 'lodash'
 import HashtagLink from 'src/components/hashtag_link/hashtag_link.vue'
 import { MENTIONS_LIMIT } from 'src/components/mentions_line/mentions_line.js'
 import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
-import StillImage from 'src/components/still-image/still-image.vue'
+
 import StillImageEmojiPopover from 'src/components/still-image/still-image-emoji-popover.vue'
 
 import { convertHtmlToLines } from 'src/services/html_converter/html_line_converter.service.js'
diff --git a/src/components/roundness_input/roundness_input.vue b/src/components/roundness_input/roundness_input.vue
index caf21763b..04b623e86 100644
--- a/src/components/roundness_input/roundness_input.vue
+++ b/src/components/roundness_input/roundness_input.vue
@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import Checkbox from 'src/components/checkbox/checkbox.vue'
+import Checkbox from '../checkbox/checkbox.vue'
 export default {
   components: {
     Checkbox,
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 0a1f779bb..220ec9090 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -1,8 +1,9 @@
 import { map, uniqBy } from 'lodash'
 
-import Conversation from 'src/components/conversation/conversation.vue'
-import FollowCard from 'src/components/follow_card/follow_card.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
+import Conversation from '../conversation/conversation.vue'
+import FollowCard from '../follow_card/follow_card.vue'
+
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/selectable_list/selectable_list.js b/src/components/selectable_list/selectable_list.js
index b82b3d40c..b08a3e9a5 100644
--- a/src/components/selectable_list/selectable_list.js
+++ b/src/components/selectable_list/selectable_list.js
@@ -1,5 +1,5 @@
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import List from 'src/components/list/list.vue'
+import Checkbox from '../checkbox/checkbox.vue'
+import List from '../list/list.vue'
 
 const SelectableList = {
   components: {
diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index 7078d2488..d576ee728 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -151,6 +151,7 @@
 <script>
 import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
+
 import { defineAsyncComponent } from 'vue'
 
 export default {
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index e2df79c26..e41f098b4 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -6,7 +6,7 @@ import AsyncComponentError from 'src/components/async_component_error/async_comp
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Modal from 'src/components/modal/modal.vue'
 import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
-import Popover from 'src/components/popover/popover.vue'
+import Popover from '../popover/popover.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useLocalConfigStore } from 'src/stores/local_config.js'
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index 840beeb7c..1b8b9e8fa 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -1,9 +1,9 @@
 import { mapActions, mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 import { mapGetters } from 'vuex'
+import UserCard from 'src/components/user_card/user_card.vue'
 
 import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
-import UserCard from 'src/components/user_card/user_card.vue'
 import GestureService from '../../services/gesture_service/gesture_service'
 import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
 
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index b736bb9f9..818e2efd0 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -1,7 +1,7 @@
 import { groupBy, map } from 'lodash'
 import { mapGetters, mapState } from 'vuex'
 
-import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
+import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
diff --git a/src/components/status/status.js b/src/components/status/status.js
index acd25b512..bb79d741d 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -5,15 +5,15 @@ import AvatarList from 'src/components/avatar_list/avatar_list.vue'
 import EmojiReactions from 'src/components/emoji_reactions/emoji_reactions.vue'
 import MentionLink from 'src/components/mention_link/mention_link.vue'
 import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
-import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import StatusActionButtons from 'src/components/status_action_buttons/status_action_buttons.vue'
 import StatusContent from 'src/components/status_content/status_content.vue'
-import StatusPopover from 'src/components/status_popover/status_popover.vue'
 import Timeago from 'src/components/timeago/timeago.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserLink from 'src/components/user_link/user_link.vue'
 import UserListPopover from 'src/components/user_list_popover/user_list_popover.vue'
 import UserPopover from 'src/components/user_popover/user_popover.vue'
+import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
+import StatusPopover from 'src/components/status_popover/status_popover.vue'
 import { muteFilterHits } from '../../services/status_parser/status_parser.js'
 import {
   highlightClass,
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index 012844dc8..6ac827198 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -1,7 +1,6 @@
-import { defineAsyncComponent } from 'vue'
-
 import Popover from 'src/components/popover/popover.vue'
 import ActionButton from './action_button.vue'
+import { defineAsyncComponent } from 'vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -17,13 +16,10 @@ export default {
     ActionButton,
     Popover,
     MuteConfirm: defineAsyncComponent(
-      () => import('src/components/confirm_modal/mute_confirm.vue'),
+      () => import( 'src/components/confirm_modal/mute_confirm.vue'),
     ),
     UserTimedFilterModal: defineAsyncComponent(
-      () =>
-        import(
-          'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-        ),
+      () => import( 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'),
     ),
   },
   props: ['button', 'status'],
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index cdd43a024..f5bb749a2 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -1,5 +1,7 @@
 import { mapState } from 'pinia'
 
+
+
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -111,7 +113,9 @@ const StatusBody = {
     },
     ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
-  components: {},
+  components: {
+
+  },
   mounted() {
     this.status.attentions &&
       this.status.attentions.forEach((attn) => {
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
index c2f070b6d..553eb58f0 100644
--- a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
+++ b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
@@ -2,6 +2,7 @@ import { mapState } from 'pinia'
 
 import Popover from 'src/components/popover/popover.vue'
 
+
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -17,6 +18,7 @@ const StatusBookmarkFolderMenu = {
   },
   components: {
     Popover,
+
   },
   computed: {
     ...mapState(useBookmarkFoldersStore, {
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index 0f02bb6fb..066896da5 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -1,12 +1,12 @@
 import { mapState as mapPiniaState } from 'pinia'
-import { defineAsyncComponent } from 'vue'
 import { mapGetters, mapState } from 'vuex'
+import { defineAsyncComponent } from 'vue'
 
-import Attachment from 'src/components/attachment/attachment.vue'
-import Gallery from 'src/components/gallery/gallery.vue'
-import LinkPreview from 'src/components/link-preview/link-preview.vue'
-import Poll from 'src/components/poll/poll.vue'
 import StatusBody from 'src/components/status_body/status_body.vue'
+import Attachment from '../attachment/attachment.vue'
+import LinkPreview from '../link-preview/link-preview.vue'
+import Poll from '../poll/poll.vue'
+import Gallery from 'src/components/gallery/gallery.vue'
 
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index c165fe411..516b52301 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -1,12 +1,14 @@
 import { get } from 'lodash'
 
-import Modal from 'src/components/modal/modal.vue'
+import Modal from '../modal/modal.vue'
+
 
 import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
 
 const StatusHistoryModal = {
   components: {
     Modal,
+
   },
   data() {
     return {
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index fe0056305..0ea05c55a 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -1,7 +1,7 @@
 import { find } from 'lodash'
 
 import Popover from 'src/components/popover/popover.vue'
-import Status from 'src/components/status/status.vue'
+import Status from '../status/status.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/still-image/still-image-emoji-popover.js b/src/components/still-image/still-image-emoji-popover.js
index 02f036a52..d81db14b6 100644
--- a/src/components/still-image/still-image-emoji-popover.js
+++ b/src/components/still-image/still-image-emoji-popover.js
@@ -2,6 +2,8 @@ import Popover from 'components/popover/popover.vue'
 import SelectComponent from 'components/select/select.vue'
 import { mapState } from 'pinia'
 
+
+
 import { useEmojiStore } from 'src/stores/emoji'
 import { useInterfaceStore } from 'src/stores/interface'
 
diff --git a/src/components/tag_timeline/tag_timeline.js b/src/components/tag_timeline/tag_timeline.js
index e82e86cfd..978459981 100644
--- a/src/components/tag_timeline/tag_timeline.js
+++ b/src/components/tag_timeline/tag_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from 'src/components/timeline/timeline.vue'
+import Timeline from '../timeline/timeline.vue'
 
 const TagTimeline = {
   created() {
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index ad0c0039b..645adc39e 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -1,3 +1,5 @@
+
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faAngleDoubleDown,
@@ -7,7 +9,9 @@ import {
 library.add(faAngleDoubleDown, faAngleDoubleRight)
 
 const ThreadTree = {
-  components: {},
+  components: {
+
+  },
   name: 'ThreadTree',
   props: {
     depth: Number,
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 50b2acd90..bb566e128 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -1,11 +1,12 @@
 import { debounce, keyBy, throttle } from 'lodash'
 import { mapState } from 'pinia'
 
-import Conversation from 'src/components/conversation/conversation.vue'
-import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
-import QuickViewSettings from 'src/components/quick_view_settings/quick_view_settings.vue'
-import ScrollTopButton from 'src/components/scroll_top_button/scroll_top_button.vue'
-import TimelineMenu from 'src/components/timeline_menu/timeline_menu.vue'
+import 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 TimelineMenu from '../timeline_menu/timeline_menu.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
@@ -51,6 +52,7 @@ const Timeline = {
     }
   },
   components: {
+
     ScrollTopButton,
     Conversation,
     TimelineMenu,
diff --git a/src/components/timeline_menu/timeline_menu.js b/src/components/timeline_menu/timeline_menu.js
index ee6fa8f20..3db087db6 100644
--- a/src/components/timeline_menu/timeline_menu.js
+++ b/src/components/timeline_menu/timeline_menu.js
@@ -1,12 +1,12 @@
 import { mapState as mapPiniaState } from 'pinia'
 import { mapState } from 'vuex'
 
-import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
-import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
 import { filterNavigation } from 'src/components/navigation/filter.js'
 import { TIMELINES } from 'src/components/navigation/navigation.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
-import Popover from 'src/components/popover/popover.vue'
+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 { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 import { useInstanceStore } from 'src/stores/instance.js'
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 3ab0ee9e7..46c998310 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,3 +1,5 @@
+
+
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 
@@ -39,7 +41,9 @@ const UserAvatar = {
       betterShadow: useInterfaceStore().browserSupport.cssFilter,
     }
   },
-  components: {},
+  components: {
+
+  },
   methods: {
     imgSrc(src) {
       return !src || this.showPlaceholder ? this.defaultAvatar : src
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index d987695dd..ed0eb13c2 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -8,13 +8,14 @@ import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
 import Checkbox from 'src/components/checkbox/checkbox.vue'
-import ColorInput from 'src/components/color_input/color_input.vue'
 import EmojiInput from 'src/components/emoji_input/emoji_input.vue'
 import suggestor from 'src/components/emoji_input/suggestor.js'
+
 import ProgressButton from 'src/components/progress_button/progress_button.vue'
 import Select from 'src/components/select/select.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserLink from 'src/components/user_link/user_link.vue'
+import ColorInput from 'src/components/color_input/color_input.vue'
 
 import { useEmojiStore } from 'src/stores/emoji.js'
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -117,38 +118,35 @@ export default {
   },
   components: {
     DialogModal: defineAsyncComponent(
-      () => import('src/components/dialog_modal/dialog_modal.vue'),
+      () => import( 'src/components/dialog_modal/dialog_modal.vue'),
     ),
     UserAvatar,
     Checkbox,
     RemoteFollow: defineAsyncComponent(
-      () => import('src/components/remote_follow/remote_follow.vue'),
+      () => import( 'src/components/remote_follow/remote_follow.vue'),
     ),
     ModerationTools: defineAsyncComponent(
-      () => import('src/components/moderation_tools/moderation_tools.vue'),
+      () => import( 'src/components/moderation_tools/moderation_tools.vue'),
     ),
     AccountActions: defineAsyncComponent(
-      () => import('src/components/account_actions/account_actions.vue'),
+      () => import( 'src/components/account_actions/account_actions.vue'),
     ),
     ProgressButton,
     FollowButton: defineAsyncComponent(
-      () => import('src/components/follow_button/follow_button.vue'),
+      () => import( 'src/components/follow_button/follow_button.vue'),
     ),
     Select,
     UserLink,
     UserNote: defineAsyncComponent(
-      () => import('src/components/user_note/user_note.vue'),
+      () => import( 'src/components/user_note/user_note.vue'),
     ),
     UserTimedFilterModal: defineAsyncComponent(
-      () =>
-        import(
-          'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-        ),
+      () => import( 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'),
     ),
     ColorInput,
     EmojiInput,
     ImageCropper: defineAsyncComponent(
-      () => import('src/components/image_cropper/image_cropper.vue'),
+      () => import( 'src/components/image_cropper/image_cropper.vue'),
     ),
   },
   data() {
diff --git a/src/components/user_link/user_link.vue b/src/components/user_link/user_link.vue
index 49544ff2e..e8a4ac4a7 100644
--- a/src/components/user_link/user_link.vue
+++ b/src/components/user_link/user_link.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import UnicodeDomainIndicator from 'src/components/unicode_domain_indicator/unicode_domain_indicator.vue'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
diff --git a/src/components/user_list_menu/user_list_menu.js b/src/components/user_list_menu/user_list_menu.js
index b36175276..cb3d27a2f 100644
--- a/src/components/user_list_menu/user_list_menu.js
+++ b/src/components/user_list_menu/user_list_menu.js
@@ -1,6 +1,6 @@
 import { mapState } from 'pinia'
 
-import Popover from 'src/components/popover/popover.vue'
+import Popover from '../popover/popover.vue'
 
 import { useListsStore } from 'src/stores/lists.js'
 
diff --git a/src/components/user_list_popover/user_list_popover.js b/src/components/user_list_popover/user_list_popover.js
index 8a4612690..c9ca5e0a1 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -1,8 +1,8 @@
 import { defineAsyncComponent } from 'vue'
 
-import Popover from 'src/components/popover/popover.vue'
-import UnicodeDomainIndicator from 'src/components/unicode_domain_indicator/unicode_domain_indicator.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
+import Popover from 'src/components/popover/popover.vue'
+import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/user_panel/user_panel.js b/src/components/user_panel/user_panel.js
index ac6bc669c..a3b67edb8 100644
--- a/src/components/user_panel/user_panel.js
+++ b/src/components/user_panel/user_panel.js
@@ -1,6 +1,5 @@
 import { defineAsyncComponent } from 'vue'
 import { mapState } from 'vuex'
-
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import UserCard from 'src/components/user_card/user_card.vue'
 
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index d0923d037..4db1b8e9c 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -1,13 +1,14 @@
 import { get } from 'lodash'
 import { mapState } from 'pinia'
 
-import Conversation from 'src/components/conversation/conversation.vue'
-import FollowCard from 'src/components/follow_card/follow_card.vue'
-import List from 'src/components/list/list.vue'
+
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import Timeline from 'src/components/timeline/timeline.vue'
-import UserCard from 'src/components/user_card/user_card.vue'
 import withLoadMore from '../../hocs/with_load_more/with_load_more'
+import Conversation from '../conversation/conversation.vue'
+import FollowCard from '../follow_card/follow_card.vue'
+import List from '../list/list.vue'
+import Timeline from '../timeline/timeline.vue'
+import UserCard from '../user_card/user_card.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
@@ -208,6 +209,7 @@ const UserProfile = {
     FollowCard,
     TabSwitcher,
     Conversation,
+
   },
 }
 
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index d55b5a962..66cdb108f 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -1,12 +1,14 @@
-import Checkbox from 'src/components/checkbox/checkbox.vue'
-import List from 'src/components/list/list.vue'
-import Modal from 'src/components/modal/modal.vue'
-import UserLink from 'src/components/user_link/user_link.vue'
+import Checkbox from '../checkbox/checkbox.vue'
+import List from '../list/list.vue'
+import Modal from '../modal/modal.vue'
+
+import UserLink from '../user_link/user_link.vue'
 
 import { useReportsStore } from 'src/stores/reports.js'
 
 const UserReportingModal = {
   components: {
+
     List,
     Checkbox,
     Modal,
diff --git a/src/components/who_to_follow/who_to_follow.js b/src/components/who_to_follow/who_to_follow.js
index 8ca2d8c1a..720b15041 100644
--- a/src/components/who_to_follow/who_to_follow.js
+++ b/src/components/who_to_follow/who_to_follow.js
@@ -1,5 +1,5 @@
-import FollowCard from 'src/components/follow_card/follow_card.vue'
 import apiService from '../../services/api/api.service.js'
+import FollowCard from '../follow_card/follow_card.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index f713fa8f0..02c49eb60 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -2,12 +2,7 @@ import { config } from '@vue/test-utils'
 import { createMemoryHistory, createRouter } from 'vue-router'
 import VueVirtualScroller from 'vue-virtual-scroller'
 
-import RichContent from 'src/components/rich_content/rich_content.jsx'
-import Status from 'src/components/status/status.vue'
-import StillImage from 'src/components/still-image/still-image.vue'
-
 import makeMockStore from './mock_store'
-import { createTestingPinia } from '@pinia/testing'
 
 import routes from 'src/boot/routes'
 
@@ -42,13 +37,8 @@ const getDefaultOpts = ({
       (Vue) => {
         Vue.directive('body-scroll-lock', {})
       },
-      createTestingPinia(),
     ],
-    components: {
-      RichContent,
-      Status,
-      StillImage,
-    },
+    components: {},
     stubs: {
       I18nT: true,
       teleport: true,
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index 2f341bb48..f4be28a65 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -38,9 +38,11 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     expect(
-      matchedComponents[0].components.default.name,
-    ).to.eql('AsyncComponentWrapper')
-
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'UserCard',
+      ),
+    ).to.eql(true)
   })
 
   it("user's profile at /users", async () => {
@@ -49,8 +51,11 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     expect(
-      matchedComponents[0].components.default.name,
-    ).to.eql('AsyncComponentWrapper')
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'UserCard',
+      ),
+    ).to.eql(true)
   })
 
   it('list view', async () => {
@@ -59,8 +64,11 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     expect(
-      matchedComponents[0].components.default.name,
-    ).to.eql('AsyncComponentWrapper')
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'ListsCard',
+      ),
+    ).to.eql(true)
   })
 
   it('list timeline', async () => {
@@ -69,8 +77,11 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     expect(
-      matchedComponents[0].components.default.name,
-    ).to.eql('AsyncComponentWrapper')
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'Timeline',
+      ),
+    ).to.eql(true)
   })
 
   it('list edit', async () => {
@@ -79,7 +90,10 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     expect(
-      matchedComponents[0].components.default.name,
-    ).to.eql('AsyncComponentWrapper')
+      Object.hasOwn(
+        matchedComponents[0].components.default.components,
+        'BasicUserCard',
+      ),
+    ).to.eql(true)
   })
 })
diff --git a/test/unit/specs/components/draft.spec.js b/test/unit/specs/components/draft.spec.js
index 98c0a282e..6abf2d75b 100644
--- a/test/unit/specs/components/draft.spec.js
+++ b/test/unit/specs/components/draft.spec.js
@@ -65,7 +65,7 @@ describe('Draft saving', () => {
     },
   )
 
-  it.only('should auto-save if it is enabled', async function () {
+  it('should auto-save if it is enabled', async function () {
     vi.useFakeTimers()
     const wrapper = mount(PostStatusForm, mountOpts())
     const store = useMergedConfigStore()
@@ -166,15 +166,10 @@ describe('Draft saving', () => {
     await textarea.setValue('mew mew')
     wrapper.vm.requestClose()
     await nextTick()
-    await flushPromises()
-    const saveButton = await vi.waitFor(() => {
-      const button = wrapper.findByText(
-        'button',
-        $t('post_status.close_confirm_save_button'),
-      )
-      if (!button) throw new Error('Save button not present')
-      return button
-    })
+    const saveButton = wrapper.findByText(
+      'button',
+      $t('post_status.close_confirm_save_button'),
+    )
     expect(saveButton).to.be.ok
     await saveButton.trigger('click')
     console.info('clicked')
diff --git a/test/unit/specs/components/rich_content.spec.js b/test/unit/specs/components/rich_content.spec.js
index fdf6c7f8f..16f410fc8 100644
--- a/test/unit/specs/components/rich_content.spec.js
+++ b/test/unit/specs/components/rich_content.spec.js
@@ -1,6 +1,6 @@
 import { mount, shallowMount } from '@vue/test-utils'
 
-import RichContent from 'src/components/rich_content/rich_content.jsx'
+
 
 const attentions = []
 const global = {
diff --git a/test/unit/specs/services/theme_data/iss_deserializer.spec.js b/test/unit/specs/services/theme_data/iss_deserializer.spec.js
index 75cd6efab..0b93b6149 100644
--- a/test/unit/specs/services/theme_data/iss_deserializer.spec.js
+++ b/test/unit/specs/services/theme_data/iss_deserializer.spec.js
@@ -27,7 +27,7 @@ describe('ISS (de)serialization', () => {
 
   /*
   // Debug snippet
-  const onlyComponent = componentsContext('src/components/panel_header.style.js').default
+  const onlyComponent = componentsContext('./components/panel_header.style.js').default
   it.only(`(De)serialization of component ${onlyComponent.name} works`, () => {
     const normalized = onlyComponent.defaultRules.map(x => ({ component: onlyComponent.name, ...x }))
     console.debug('BEGIN INPUT ================')
diff --git a/vite.config.js b/vite.config.js
index 5b7c22d57..63508932e 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -12,7 +12,10 @@ import { getCommitHash } from './build/commit_hash.js'
 import copyPlugin from './build/copy_plugin.js'
 import emojisPlugin from './build/emojis_plugin.js'
 import mswPlugin from './build/msw_plugin.js'
-import { buildSwPlugin, swMessagesPlugin } from './build/sw_plugin.js'
+import {
+  buildSwPlugin,
+  swMessagesPlugin,
+} from './build/sw_plugin.js'
 
 const localConfigPath = '<projectRoot>/config/local.json'
 const normalizeTarget = (target) => {
@@ -132,6 +135,12 @@ export default defineConfig(async ({ mode, command }) => {
         },
       }),
       vueJsx(),
+      DevTools({
+        build: {
+          withApp: true, // generate DevTools output during `vite build`
+          // outDir: 'custom-dir', // optional, defaults to Vite's build.outDir
+        },
+      }),
       buildSwPlugin({ swSrc, swDest }),
       swMessagesPlugin(),
       emojisPlugin(),
@@ -156,6 +165,7 @@ export default defineConfig(async ({ mode, command }) => {
     ],
     css: {
       devSourcemap: true,
+      transformer: 'lightningcss',
     },
     resolve: {
       alias,
@@ -178,10 +188,10 @@ export default defineConfig(async ({ mode, command }) => {
       __VUE_PROD_DEVTOOLS__: false,
       __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,
     },
-    // devtools: { enabled: true },
     build: {
       sourcemap: true,
       rolldownOptions: {
+        devtools: {}, // enable devtools mode
         input: {
           main: 'index.html',
         },
diff --git a/yarn.lock b/yarn.lock
index 4f3f12589..90e7bb02d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3137,19 +3137,19 @@
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
   integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
 
-"@vue/devtools-api@^7.7.7":
-  version "7.7.9"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-7.7.9.tgz#999dbea50da6b00cf59a1336f11fdc2b43d9e063"
-  integrity sha512-kIE8wvwlcZ6TJTbNeU2HQNtaxLx3a84aotTITUuL/4bzfPxzajGBOoqjMhwZJ8L9qFYDU/lAYMEEm11dnZOD6g==
+"@vue/devtools-api@^7.7.2":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-7.7.7.tgz#5ef5f55f60396220725a273548c0d7ee983d5d34"
+  integrity sha512-lwOnNBH2e7x1fIIbVT7yF5D+YWhqELm55/4ZKf45R9T8r9dE2AIOy8HKjfqzGsoTHFbWbr337O4E0A0QADnjBg==
   dependencies:
-    "@vue/devtools-kit" "^7.7.9"
+    "@vue/devtools-kit" "^7.7.7"
 
-"@vue/devtools-kit@^7.7.9":
-  version "7.7.9"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-kit/-/devtools-kit-7.7.9.tgz#bc218a815616e8987df7ab3e10fc1fb3b8706c58"
-  integrity sha512-PyQ6odHSgiDVd4hnTP+aDk2X4gl2HmLDfiyEnn3/oV+ckFDuswRs4IbBT7vacMuGdwY/XemxBoh302ctbsptuA==
+"@vue/devtools-kit@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-kit/-/devtools-kit-7.7.7.tgz#41a64f9526e9363331c72405544df020ce2e3641"
+  integrity sha512-wgoZtxcTta65cnZ1Q6MbAfePVFxfM+gq0saaeytoph7nEa7yMXoi6sCPy4ufO111B9msnw0VOWjPEFCXuAKRHA==
   dependencies:
-    "@vue/devtools-shared" "^7.7.9"
+    "@vue/devtools-shared" "^7.7.7"
     birpc "^2.3.0"
     hookable "^5.5.3"
     mitt "^3.0.1"
@@ -3157,10 +3157,10 @@
     speakingurl "^14.0.1"
     superjson "^2.2.2"
 
-"@vue/devtools-shared@^7.7.9":
-  version "7.7.9"
-  resolved "https://registry.yarnpkg.com/@vue/devtools-shared/-/devtools-shared-7.7.9.tgz#fa4c096b744927081a7dda5fcf05f34b1ae6ca14"
-  integrity sha512-iWAb0v2WYf0QWmxCGy0seZNDPdO3Sp5+u78ORnyeonS6MT4PC7VPrryX2BpMJrwlDeaZ6BD4vP4XKjK0SZqaeA==
+"@vue/devtools-shared@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-shared/-/devtools-shared-7.7.7.tgz#ff14aa8c1262ebac8c0397d3b09f767cd489750c"
+  integrity sha512-+udSj47aRl5aKb0memBvcUG9koarqnxNM5yjuREvqwK6T3ap4mn3Zqqc17QrBFTqSMjr3HK1cvStEZpMDpfdyw==
   dependencies:
     rfdc "^1.4.1"
 
@@ -7551,12 +7551,12 @@ pify@^4.0.1:
   resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
   integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
 
-pinia@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/pinia/-/pinia-3.0.4.tgz#75dde12784a61e34c1fa6abcd13c1a1061c360c0"
-  integrity sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==
+pinia@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/pinia/-/pinia-3.0.3.tgz#f412019bdeb2f45e85927b432803190343e12d89"
+  integrity sha512-ttXO/InUULUXkMHpTdp9Fj4hLpD/2AoJdmAbAeW2yu1iy1k+pkFekQXw5VpC0/5p51IOR/jDaDRfRWRnMMsGOA==
   dependencies:
-    "@vue/devtools-api" "^7.7.7"
+    "@vue/devtools-api" "^7.7.2"
 
 pirates@^4.0.6:
   version "4.0.7"