diff --git a/src/App.js b/src/App.js
index c0ffe4a36..0f755a1f0 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,14 +2,14 @@ import { throttle } from 'lodash'
 import { mapState } from 'pinia'
 import { defineAsyncComponent } from '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 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 UserPanel from './components/user_panel/user_panel.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 { getOrCreateServiceWorker } from './services/sw/sw'
 import { windowHeight, windowWidth } from './services/window_utils/window_utils'
 
@@ -56,17 +56,17 @@ export default {
       () => import('src/components/update_notification/update_notification.vue'),
     ),
     PostStatusModal: defineAsyncComponent(
-      () => import('./components/post_status_modal/post_status_modal.vue'),
+      () => import('src/components/post_status_modal/post_status_modal.vue'),
     ),
     UserReportingModal: defineAsyncComponent(
-      () => import('./components/user_reporting_modal/user_reporting_modal.vue')
+      () => import('src/components/user_reporting_modal/user_reporting_modal.vue')
     ),
     EditStatusModal: defineAsyncComponent(
-      () => import('./components/edit_status_modal/edit_status_modal.vue'),
+      () => import('src/components/edit_status_modal/edit_status_modal.vue'),
     ),
     StatusHistoryModal: defineAsyncComponent(
       () =>
-        import('./components/status_history_modal/status_history_modal.vue'),
+        import('src/components/status_history_modal/status_history_modal.vue'),
     ),
     GlobalNoticeList,
   },
diff --git a/src/components/about/about.js b/src/components/about/about.js
index e6a1067fe..e293895d5 100644
--- a/src/components/about/about.js
+++ b/src/components/about/about.js
@@ -1,10 +1,10 @@
 import { mapState } from 'pinia'
 
-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 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 { 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 cb4ac61eb..2465639de 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -2,8 +2,8 @@ import { mapState } from 'pinia'
 import { defineAsyncComponent } from '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 Popover from 'src/components/popover/popover.vue'
+import ProgressButton from 'src/components/progress_button/progress_button.vue'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index b6621264c..9b3dbc859 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -1,7 +1,7 @@
 import { mapState } from 'vuex'
 
 import localeService from '../../services/locale/locale.service.js'
-import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
+import AnnouncementEditor from 'src/components/announcement_editor/announcement_editor.vue'
 
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
diff --git a/src/components/announcement_editor/announcement_editor.js b/src/components/announcement_editor/announcement_editor.js
index 6d22ac1fd..c816083a4 100644
--- a/src/components/announcement_editor/announcement_editor.js
+++ b/src/components/announcement_editor/announcement_editor.js
@@ -1,4 +1,4 @@
-import Checkbox from '../checkbox/checkbox.vue'
+import Checkbox from 'src/components/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 b8b1f000a..3c73198c5 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 '../announcement/announcement.vue'
-import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
+import Announcement from 'src/components/announcement/announcement.vue'
+import AnnouncementEditor from 'src/components/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 da776bf33..615c1389c 100644
--- a/src/components/attachment/attachment.js
+++ b/src/components/attachment/attachment.js
@@ -2,9 +2,9 @@ import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
 
 import nsfwImage from '../../assets/nsfw.png'
-import Popover from '../popover/popover.vue'
+import Popover from 'src/components/popover/popover.vue'
 
-import VideoAttachment from '../video_attachment/video_attachment.vue'
+import VideoAttachment from 'src/components/video_attachment/video_attachment.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
diff --git a/src/components/auth_form/auth_form.js b/src/components/auth_form/auth_form.js
index 9e05095ca..7d853d119 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 '../login_form/login_form.vue'
-import MFARecoveryForm from '../mfa_form/recovery_form.vue'
-import MFATOTPForm from '../mfa_form/totp_form.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 { 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 830b64219..7806fba81 100644
--- a/src/components/avatar_list/avatar_list.js
+++ b/src/components/avatar_list/avatar_list.js
@@ -1,4 +1,4 @@
-import UserAvatar from '../user_avatar/user_avatar.vue'
+import UserAvatar from 'src/components/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 964c60c56..73a664b33 100644
--- a/src/components/basic_user_card/basic_user_card.js
+++ b/src/components/basic_user_card/basic_user_card.js
@@ -1,7 +1,7 @@
 
-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 UserAvatar from 'src/components/user_avatar/user_avatar.vue'
+import UserLink from 'src/components/user_link/user_link.vue'
+import UserPopover from 'src/components/user_popover/user_popover.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 967ce2a3c..0e7335c65 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -1,7 +1,7 @@
 import { mapState } from 'pinia'
 
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-import BasicUserCard from '../basic_user_card/basic_user_card.vue'
+import BasicUserCard from 'src/components/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 a036895bf..2bfe780f3 100644
--- a/src/components/bookmark_folder_edit/bookmark_folder_edit.js
+++ b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
@@ -1,5 +1,5 @@
 import apiService from '../../services/api/api.service'
-import EmojiPicker from '../emoji_picker/emoji_picker.vue'
+import EmojiPicker from 'src/components/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 1147fd3a5..9fd62dae0 100644
--- a/src/components/bookmark_folders/bookmark_folders.js
+++ b/src/components/bookmark_folders/bookmark_folders.js
@@ -1,4 +1,4 @@
-import BookmarkFolderCard from '../bookmark_folder_card/bookmark_folder_card.vue'
+import BookmarkFolderCard from 'src/components/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 a241b6ac7..bf633c18c 100644
--- a/src/components/bookmark_timeline/bookmark_timeline.js
+++ b/src/components/bookmark_timeline/bookmark_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from '../timeline/timeline.vue'
+import Timeline from 'src/components/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 d3835e0e8..fcbc31ad2 100644
--- a/src/components/bubble_timeline/bubble_timeline.js
+++ b/src/components/bubble_timeline/bubble_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from '../timeline/timeline.vue'
+import Timeline from 'src/components/timeline/timeline.vue'
 
 const BubbleTimeline = {
   components: {
diff --git a/src/components/chat/chat.js b/src/components/chat/chat.js
index 2fef86c0a..8005c2c70 100644
--- a/src/components/chat/chat.js
+++ b/src/components/chat/chat.js
@@ -6,9 +6,9 @@ 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 ChatMessage from 'src/components/chat_message/chat_message.vue'
+import ChatTitle from 'src/components/chat_title/chat_title.vue'
+import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import {
   getNewTopPosition,
   getScrollPosition,
diff --git a/src/components/chat_list/chat_list.js b/src/components/chat_list/chat_list.js
index 4c3194ae1..597fcc709 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 '../chat_list_item/chat_list_item.vue'
-import ChatNew from '../chat_new/chat_new.vue'
-import List from '../list/list.vue'
+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'
 
 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 74df26c1f..3bbb93d60 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 '../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'
+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'
 
 const ChatListItem = {
   name: 'ChatListItem',
diff --git a/src/components/chat_new/chat_new.js b/src/components/chat_new/chat_new.js
index 50e0f7a8f..5ee2b610d 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 '../basic_user_card/basic_user_card.vue'
-import UserAvatar from '../user_avatar/user_avatar.vue'
+import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
+import UserAvatar from 'src/components/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/color_input/color_input.vue b/src/components/color_input/color_input.vue
index 07aed6b81..f7e553f58 100644
--- a/src/components/color_input/color_input.vue
+++ b/src/components/color_input/color_input.vue
@@ -67,7 +67,7 @@
 import { throttle } from 'lodash'
 
 import { hex2rgb } from '../../services/color_convert/color_convert.js'
-import Checkbox from '../checkbox/checkbox.vue'
+import Checkbox from 'src/components/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 affad7dcb..08761177b 100644
--- a/src/components/confirm_modal/confirm_modal.js
+++ b/src/components/confirm_modal/confirm_modal.js
@@ -1,4 +1,4 @@
-import DialogModal from '../dialog_modal/dialog_modal.vue'
+import DialogModal from 'src/components/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 d4705303e..84494332d 100644
--- a/src/components/conversation-page/conversation-page.js
+++ b/src/components/conversation-page/conversation-page.js
@@ -1,4 +1,4 @@
-import Conversation from '../conversation/conversation.vue'
+import Conversation from 'src/components/conversation/conversation.vue'
 
 const conversationPage = {
   components: {
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 7ca166dbd..3ce1b93ef 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -3,10 +3,10 @@ import { mapState as mapPiniaState } from 'pinia'
 import { 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 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 '../thread_tree/thread_tree.vue'
+import ThreadTree from 'src/components/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 c977efe30..d54044ff7 100644
--- a/src/components/dm_timeline/dm_timeline.js
+++ b/src/components/dm_timeline/dm_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from '../timeline/timeline.vue'
+import Timeline from 'src/components/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 71da2684c..d83896618 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 '../progress_button/progress_button.vue'
+import ProgressButton from 'src/components/progress_button/progress_button.vue'
 
 const DomainMuteCard = {
   props: ['domain'],
diff --git a/src/components/edit_status_form/edit_status_form.js b/src/components/edit_status_form/edit_status_form.js
index b8df92794..fe360e85c 100644
--- a/src/components/edit_status_form/edit_status_form.js
+++ b/src/components/edit_status_form/edit_status_form.js
@@ -1,5 +1,5 @@
 import statusPosterService from '../../services/status_poster/status_poster.service.js'
-import PostStatusForm from '../post_status_form/post_status_form.vue'
+import PostStatusForm from 'src/components/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 5922e5167..fab3d295b 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -1,14 +1,14 @@
 import { get } from 'lodash'
 import { defineAsyncComponent } from 'vue'
 
-import Modal from '../modal/modal.vue'
+import Modal from 'src/components/modal/modal.vue'
 
 import { useEditStatusStore } from 'src/stores/editStatus.js'
 
 const EditStatusModal = {
   components: {
     EditStatusForm: defineAsyncComponent(
-      () => import('src/components/edit_status_form/edit_status_form.vue'),
+      () => import( 'src/components/edit_status_form/edit_status_form.vue'),
     ),
     Modal,
   },
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 3f52b175f..bfe3d1802 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -3,7 +3,7 @@ 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 Checkbox from 'src/components/checkbox/checkbox.vue'
 
 
 import { useEmojiStore } from 'src/stores/emoji.js'
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index 8d1045f51..34f989d0e 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -1,6 +1,6 @@
 
-import UserAvatar from '../user_avatar/user_avatar.vue'
-import UserListPopover from '../user_list_popover/user_list_popover.vue'
+import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
+import UserListPopover from 'src/components/user_list_popover/user_list_popover.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/follow_card/follow_card.js b/src/components/follow_card/follow_card.js
index e4c84dcdd..8fffbf730 100644
--- a/src/components/follow_card/follow_card.js
+++ b/src/components/follow_card/follow_card.js
@@ -1,7 +1,7 @@
-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'
+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'
 
 const FollowCard = {
   props: ['user', 'noFollowsYou'],
diff --git a/src/components/follow_requests/follow_requests.js b/src/components/follow_requests/follow_requests.js
index 7dbecee53..513298afc 100644
--- a/src/components/follow_requests/follow_requests.js
+++ b/src/components/follow_requests/follow_requests.js
@@ -1,4 +1,4 @@
-import FollowRequestCard from '../follow_request_card/follow_request_card.vue'
+import FollowRequestCard from 'src/components/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 81c46ec89..d223f44dc 100644
--- a/src/components/font_control/font_control.js
+++ b/src/components/font_control/font_control.js
@@ -1,7 +1,7 @@
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Popover from 'src/components/popover/popover.vue'
 import LocalSettingIndicator from 'src/components/settings_modal/helpers/local_setting_indicator.vue'
-import Select from '../select/select.vue'
+import Select from 'src/components/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 c0c032a8f..b6bee7305 100644
--- a/src/components/friends_timeline/friends_timeline.js
+++ b/src/components/friends_timeline/friends_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from '../timeline/timeline.vue'
+import Timeline from 'src/components/timeline/timeline.vue'
 
 const FriendsTimeline = {
   components: {
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
index 03a5aab11..252a32bf6 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 '../attachment/attachment.vue'
+import Attachment from 'src/components/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 87e9e1b87..53a6bbc79 100644
--- a/src/components/interactions/interactions.js
+++ b/src/components/interactions/interactions.js
@@ -1,5 +1,5 @@
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import Notifications from '../notifications/notifications.vue'
+import Notifications from 'src/components/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 becf5677f..a76779823 100644
--- a/src/components/interface_language_switcher/interface_language_switcher.js
+++ b/src/components/interface_language_switcher/interface_language_switcher.js
@@ -1,7 +1,7 @@
 import { v4 as uuidv4 } from 'uuid'
 
 import localeService from '../../services/locale/locale.service.js'
-import Select from '../select/select.vue'
+import Select from 'src/components/select/select.vue'
 
 export default {
   components: {
diff --git a/src/components/lists/lists.js b/src/components/lists/lists.js
index ae58960f5..9dcb7636c 100644
--- a/src/components/lists/lists.js
+++ b/src/components/lists/lists.js
@@ -1,4 +1,4 @@
-import ListsCard from '../lists_card/lists_card.vue'
+import ListsCard from 'src/components/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 483a9c02a..625b6a5bc 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -3,9 +3,9 @@ import { mapGetters, mapState } from 'vuex'
 
 import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
-import BasicUserCard from '../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 BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
+import ListsUserSearch from 'src/components/lists_user_search/lists_user_search.vue'
+import UserAvatar from 'src/components/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 3d2cafa73..a06220a37 100644
--- a/src/components/lists_timeline/lists_timeline.js
+++ b/src/components/lists_timeline/lists_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from '../timeline/timeline.vue'
+import Timeline from 'src/components/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 699e6c156..aed3f1ce7 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 '../checkbox/checkbox.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/mentions/mentions.js b/src/components/mentions/mentions.js
index 10167ac77..48e06a950 100644
--- a/src/components/mentions/mentions.js
+++ b/src/components/mentions/mentions.js
@@ -1,4 +1,4 @@
-import Timeline from '../timeline/timeline.vue'
+import Timeline from 'src/components/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 4149fd6d0..d31002fad 100644
--- a/src/components/moderation_tools/moderation_tools.js
+++ b/src/components/moderation_tools/moderation_tools.js
@@ -1,5 +1,5 @@
-import DialogModal from '../dialog_modal/dialog_modal.vue'
-import Popover from '../popover/popover.vue'
+import DialogModal from 'src/components/dialog_modal/dialog_modal.vue'
+import Popover from 'src/components/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 d5226ef06..5efd1c009 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -1,5 +1,5 @@
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
-import BasicUserCard from '../basic_user_card/basic_user_card.vue'
+import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 
 const MuteCard = {
   props: ['userId'],
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 176ad3c9d..cf27ea81d 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -7,13 +7,13 @@ import {
   highlightStyle,
 } from '../../services/user_highlighter/user_highlighter.js'
 
-import Report from '../report/report.vue'
+import Report from 'src/components/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 StatusContent from 'src/components/status_content/status_content.vue'
+import Timeago from 'src/components/timeago/timeago.vue'
+import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
+import UserLink from 'src/components/user_link/user_link.vue'
+import UserPopover from 'src/components/user_popover/user_popover.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue
index 9232930df..27e1bb179 100644
--- a/src/components/notifications/notification_filters.vue
+++ b/src/components/notifications/notification_filters.vue
@@ -106,7 +106,7 @@
 </template>
 
 <script>
-import Popover from '../popover/popover.vue'
+import Popover from 'src/components/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 9c50e645a..bc481360c 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -11,8 +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 ExtraNotifications from 'src/components/extra_notifications/extra_notifications.vue'
+import Notification from 'src/components/notification/notification.vue'
 import NotificationFilters from './notification_filters.vue'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
diff --git a/src/components/opacity_input/opacity_input.vue b/src/components/opacity_input/opacity_input.vue
index b8012741f..761aeb216 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 '../checkbox/checkbox.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
 export default {
   components: {
     Checkbox,
diff --git a/src/components/poll/poll_form.js b/src/components/poll/poll_form.js
index 1e132312f..e89935c7e 100644
--- a/src/components/poll/poll_form.js
+++ b/src/components/poll/poll_form.js
@@ -1,4 +1,4 @@
-import Select from '../select/select.vue'
+import Select from 'src/components/select/select.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
diff --git a/src/components/post_status_modal/post_status_modal.js b/src/components/post_status_modal/post_status_modal.js
index ff004d4e8..6011281cf 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 '../modal/modal.vue'
+import Modal from 'src/components/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 b6e53a4cf..6dc8df02a 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 '../timeline/timeline.vue'
+import Timeline from 'src/components/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 b9d136e29..bbeae47af 100644
--- a/src/components/public_timeline/public_timeline.js
+++ b/src/components/public_timeline/public_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from '../timeline/timeline.vue'
+import Timeline from 'src/components/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 4127f3f30..6c27f7e0a 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 '../popover/popover.vue'
+import Popover from 'src/components/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_form.js b/src/components/quote/quote_form.js
index 4f580be44..cffae123b 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 '../checkbox/checkbox.vue'
+import Checkbox from 'src/components/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 b9b3e8f10..f92f109be 100644
--- a/src/components/quotes_timeline/quotes_timeline.js
+++ b/src/components/quotes_timeline/quotes_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from '../timeline/timeline.vue'
+import Timeline from 'src/components/timeline/timeline.vue'
 
 const QuotesTimeline = {
   created() {
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index 9058963c6..cfeafccb9 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -4,8 +4,8 @@ import { mapState as mapPiniaState } from 'pinia'
 import { mapActions, mapState } from 'vuex'
 
 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 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 { useInstanceStore } from 'src/stores/instance.js'
 
diff --git a/src/components/report/report.js b/src/components/report/report.js
index 66e59480e..23410343a 100644
--- a/src/components/report/report.js
+++ b/src/components/report/report.js
@@ -1,7 +1,7 @@
 
-import Select from '../select/select.vue'
-import StatusContent from '../status_content/status_content.vue'
-import Timeago from '../timeago/timeago.vue'
+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 { useInstanceStore } from 'src/stores/instance.js'
 import { useReportsStore } from 'src/stores/reports.js'
diff --git a/src/components/roundness_input/roundness_input.vue b/src/components/roundness_input/roundness_input.vue
index 04b623e86..caf21763b 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 '../checkbox/checkbox.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
 export default {
   components: {
     Checkbox,
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 220ec9090..b0d0f9f3a 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -1,8 +1,8 @@
 import { map, uniqBy } from 'lodash'
 
 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 Conversation from 'src/components/conversation/conversation.vue'
+import FollowCard from 'src/components/follow_card/follow_card.vue'
 
 
 import { library } from '@fortawesome/fontawesome-svg-core'
diff --git a/src/components/selectable_list/selectable_list.js b/src/components/selectable_list/selectable_list.js
index b08a3e9a5..b82b3d40c 100644
--- a/src/components/selectable_list/selectable_list.js
+++ b/src/components/selectable_list/selectable_list.js
@@ -1,5 +1,5 @@
-import Checkbox from '../checkbox/checkbox.vue'
-import List from '../list/list.vue'
+import Checkbox from 'src/components/checkbox/checkbox.vue'
+import List from 'src/components/list/list.vue'
 
 const SelectableList = {
   components: {
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index e41f098b4..e2df79c26 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 '../popover/popover.vue'
+import Popover from 'src/components/popover/popover.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useLocalConfigStore } from 'src/stores/local_config.js'
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index 818e2efd0..7cafe03a3 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 { map, groupBy } from 'lodash'
 import { mapGetters, mapState } from 'vuex'
 
-import BasicUserCard from '../basic_user_card/basic_user_card.vue'
+import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index 066896da5..5557dcd26 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -3,9 +3,9 @@ import { mapGetters, mapState } from 'vuex'
 import { defineAsyncComponent } from '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 Attachment from 'src/components/attachment/attachment.vue'
+import LinkPreview from 'src/components/link-preview/link-preview.vue'
+import Poll from 'src/components/poll/poll.vue'
 import Gallery from 'src/components/gallery/gallery.vue'
 
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index 516b52301..96fe02eb9 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -1,6 +1,6 @@
 import { get } from 'lodash'
 
-import Modal from '../modal/modal.vue'
+import Modal from 'src/components/modal/modal.vue'
 
 
 import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index 0ea05c55a..fe0056305 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 '../status/status.vue'
+import Status from 'src/components/status/status.vue'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/tag_timeline/tag_timeline.js b/src/components/tag_timeline/tag_timeline.js
index 978459981..e82e86cfd 100644
--- a/src/components/tag_timeline/tag_timeline.js
+++ b/src/components/tag_timeline/tag_timeline.js
@@ -1,4 +1,4 @@
-import Timeline from '../timeline/timeline.vue'
+import Timeline from 'src/components/timeline/timeline.vue'
 
 const TagTimeline = {
   created() {
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index bb566e128..442ca8f0c 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -1,12 +1,12 @@
 import { debounce, keyBy, throttle } from 'lodash'
 import { mapState } from 'pinia'
 
-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 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 '../timeline_menu/timeline_menu.vue'
+import TimelineMenu from 'src/components/timeline_menu/timeline_menu.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/components/timeline_menu/timeline_menu.js b/src/components/timeline_menu/timeline_menu.js
index 3db087db6..3b8c07654 100644
--- a/src/components/timeline_menu/timeline_menu.js
+++ b/src/components/timeline_menu/timeline_menu.js
@@ -4,9 +4,9 @@ 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 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 BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
+import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
+import Popover from 'src/components/popover/popover.vue'
 
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
 import { useInstanceStore } from 'src/stores/instance.js'
diff --git a/src/components/user_link/user_link.vue b/src/components/user_link/user_link.vue
index e8a4ac4a7..49544ff2e 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 '../unicode_domain_indicator/unicode_domain_indicator.vue'
+import UnicodeDomainIndicator from 'src/components/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 cb3d27a2f..b36175276 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 '../popover/popover.vue'
+import Popover from 'src/components/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 c9ca5e0a1..1aa125c16 100644
--- a/src/components/user_list_popover/user_list_popover.js
+++ b/src/components/user_list_popover/user_list_popover.js
@@ -2,7 +2,7 @@ import { defineAsyncComponent } from 'vue'
 
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import Popover from 'src/components/popover/popover.vue'
-import UnicodeDomainIndicator from '../unicode_domain_indicator/unicode_domain_indicator.vue'
+import UnicodeDomainIndicator from 'src/components/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_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 461dbc037..c19e37a1f 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -4,11 +4,11 @@ import { mapState } from 'pinia'
 
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import withLoadMore from '../../hocs/with_load_more/with_load_more'
-import Conversation from '../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 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 Timeline from 'src/components/timeline/timeline.vue'
+import UserCard from 'src/components/user_card/user_card.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index 66cdb108f..6db5180a5 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -1,8 +1,8 @@
-import Checkbox from '../checkbox/checkbox.vue'
-import List from '../list/list.vue'
-import Modal from '../modal/modal.vue'
+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 '../user_link/user_link.vue'
+import UserLink from 'src/components/user_link/user_link.vue'
 
 import { useReportsStore } from 'src/stores/reports.js'
 
diff --git a/src/components/who_to_follow/who_to_follow.js b/src/components/who_to_follow/who_to_follow.js
index 720b15041..0e4f1811d 100644
--- a/src/components/who_to_follow/who_to_follow.js
+++ b/src/components/who_to_follow/who_to_follow.js
@@ -1,5 +1,5 @@
 import apiService from '../../services/api/api.service.js'
-import FollowCard from '../follow_card/follow_card.vue'
+import FollowCard from 'src/components/follow_card/follow_card.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 
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 0b93b6149..75cd6efab 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('./components/panel_header.style.js').default
+  const onlyComponent = componentsContext('src/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 ================')