From d028a860131df654146580fd364dfd56a459d232 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 29 Jan 2026 20:44:55 +0200
Subject: [PATCH] always include .js for stores

---
 src/App.js                                                    | 4 ++--
 src/components/announcement/announcement.js                   | 2 +-
 src/components/announcements_page/announcements_page.js       | 2 +-
 src/components/auth_form/auth_form.js                         | 2 +-
 src/components/bookmark_folder_edit/bookmark_folder_edit.js   | 4 ++--
 src/components/bookmark_folders/bookmark_folders.js           | 2 +-
 .../bookmark_folders_menu/bookmark_folders_menu_content.js    | 2 +-
 src/components/edit_status_modal/edit_status_modal.js         | 2 +-
 src/components/extra_notifications/extra_notifications.js     | 4 ++--
 src/components/font_control/font_control.js                   | 2 +-
 src/components/gallery/gallery.js                             | 2 +-
 src/components/global_notice_list/global_notice_list.js       | 2 +-
 src/components/lists/lists.js                                 | 2 +-
 src/components/lists_edit/lists_edit.js                       | 4 ++--
 src/components/lists_menu/lists_menu_content.js               | 2 +-
 src/components/lists_timeline/lists_timeline.js               | 2 +-
 src/components/media_modal/media_modal.js                     | 2 +-
 src/components/mobile_nav/mobile_nav.js                       | 4 ++--
 .../mobile_post_status_button/mobile_post_status_button.js    | 2 +-
 src/components/navigation/navigation_entry.js                 | 4 ++--
 src/components/notifications/notifications.js                 | 4 ++--
 src/components/palette_editor/palette_editor.vue              | 2 +-
 src/components/poll/poll.js                                   | 2 +-
 src/components/post_status_modal/post_status_modal.js         | 2 +-
 src/components/quick_filter_settings/quick_filter_settings.js | 2 +-
 src/components/quick_view_settings/quick_view_settings.js     | 2 +-
 src/components/report/report.js                               | 2 +-
 src/components/settings_modal/admin_tabs/emoji_tab.js         | 2 +-
 src/components/settings_modal/admin_tabs/frontends_tab.js     | 2 +-
 .../settings_modal/helpers/vertical_tab_switcher.jsx          | 2 +-
 src/components/settings_modal/settings_modal.js               | 2 +-
 src/components/settings_modal/settings_modal_admin_content.js | 2 +-
 src/components/settings_modal/settings_modal_user_content.js  | 2 +-
 src/components/settings_modal/tabs/appearance_tab.js          | 2 +-
 src/components/settings_modal/tabs/data_import_export_tab.js  | 2 +-
 src/components/settings_modal/tabs/mutes_and_blocks_tab.js    | 2 +-
 .../settings_modal/tabs/old_theme_tab/old_theme_tab.js        | 2 +-
 src/components/shout_panel/shout_panel.js                     | 2 +-
 src/components/status_action_buttons/status_action_buttons.js | 2 +-
 .../status_bookmark_folder_menu.js                            | 2 +-
 src/components/status_content/status_content.js               | 2 +-
 src/components/status_history_modal/status_history_modal.js   | 2 +-
 src/components/tab_switcher/tab_switcher.jsx                  | 2 +-
 src/components/timeline/timeline.js                           | 2 +-
 src/components/update_notification/update_notification.js     | 2 +-
 src/components/user_avatar/user_avatar.js                     | 2 +-
 src/components/user_list_menu/user_list_menu.js               | 2 +-
 src/components/user_reporting_modal/user_reporting_modal.js   | 2 +-
 src/lib/push_notifications_plugin.js                          | 2 +-
 src/modules/notifications.js                                  | 2 +-
 src/modules/statuses.js                                       | 2 +-
 src/stores/reports.js                                         | 2 +-
 52 files changed, 59 insertions(+), 59 deletions(-)

diff --git a/src/App.js b/src/App.js
index d39758475..916b5b33a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -21,10 +21,10 @@ import UserReportingModal from './components/user_reporting_modal/user_reporting
 import WhoToFollowPanel from './components/who_to_follow_panel/who_to_follow_panel.vue'
 import { getOrCreateServiceWorker } from './services/sw/sw'
 import { windowHeight, windowWidth } from './services/window_utils/window_utils'
-import { useInterfaceStore } from './stores/interface'
-import { useShoutStore } from './stores/shout'
 
 import { useInstanceStore } from 'src/stores/instance.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useShoutStore } from 'src/stores/shout.js'
 
 export default {
   name: 'app',
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index c206d7344..13d55c159 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -4,7 +4,7 @@ import localeService from '../../services/locale/locale.service.js'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
 import RichContent from '../rich_content/rich_content.jsx'
 
-import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
 
 const Announcement = {
   components: {
diff --git a/src/components/announcements_page/announcements_page.js b/src/components/announcements_page/announcements_page.js
index 5ee979dc7..b8b1f000a 100644
--- a/src/components/announcements_page/announcements_page.js
+++ b/src/components/announcements_page/announcements_page.js
@@ -3,7 +3,7 @@ import { mapState } from 'vuex'
 import Announcement from '../announcement/announcement.vue'
 import AnnouncementEditor from '../announcement_editor/announcement_editor.vue'
 
-import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
 
 const AnnouncementsPage = {
   components: {
diff --git a/src/components/auth_form/auth_form.js b/src/components/auth_form/auth_form.js
index db721b307..9e05095ca 100644
--- a/src/components/auth_form/auth_form.js
+++ b/src/components/auth_form/auth_form.js
@@ -5,7 +5,7 @@ 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'
+import { useAuthFlowStore } from 'src/stores/auth_flow.js'
 
 const AuthForm = {
   name: 'AuthForm',
diff --git a/src/components/bookmark_folder_edit/bookmark_folder_edit.js b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
index 002fd688f..a036895bf 100644
--- a/src/components/bookmark_folder_edit/bookmark_folder_edit.js
+++ b/src/components/bookmark_folder_edit/bookmark_folder_edit.js
@@ -1,8 +1,8 @@
 import apiService from '../../services/api/api.service'
 import EmojiPicker from '../emoji_picker/emoji_picker.vue'
 
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
-import { useInterfaceStore } from 'src/stores/interface'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 const BookmarkFolderEdit = {
   data() {
diff --git a/src/components/bookmark_folders/bookmark_folders.js b/src/components/bookmark_folders/bookmark_folders.js
index c558f0812..1147fd3a5 100644
--- a/src/components/bookmark_folders/bookmark_folders.js
+++ b/src/components/bookmark_folders/bookmark_folders.js
@@ -1,6 +1,6 @@
 import BookmarkFolderCard from '../bookmark_folder_card/bookmark_folder_card.vue'
 
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 const BookmarkFolders = {
   data() {
diff --git a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
index 73139eb08..be1fb06ea 100644
--- a/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
+++ b/src/components/bookmark_folders_menu/bookmark_folders_menu_content.js
@@ -3,7 +3,7 @@ import { mapState } from 'pinia'
 import { getBookmarkFolderEntries } from 'src/components/navigation/filter.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 export const BookmarkFoldersMenuContent = {
   props: ['showPin'],
diff --git a/src/components/edit_status_modal/edit_status_modal.js b/src/components/edit_status_modal/edit_status_modal.js
index 035e953bc..07836f161 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -3,7 +3,7 @@ import get from 'lodash/get'
 import EditStatusForm from '../edit_status_form/edit_status_form.vue'
 import Modal from '../modal/modal.vue'
 
-import { useEditStatusStore } from 'src/stores/editStatus'
+import { useEditStatusStore } from 'src/stores/editStatus.js'
 
 const EditStatusModal = {
   components: {
diff --git a/src/components/extra_notifications/extra_notifications.js b/src/components/extra_notifications/extra_notifications.js
index 1deebd878..85f4f72bd 100644
--- a/src/components/extra_notifications/extra_notifications.js
+++ b/src/components/extra_notifications/extra_notifications.js
@@ -1,8 +1,8 @@
 import { mapState as mapPiniaState } from 'pinia'
 import { mapGetters } from 'vuex'
 
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useInterfaceStore } from 'src/stores/interface'
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/font_control/font_control.js b/src/components/font_control/font_control.js
index b0dc813f6..45e5fde81 100644
--- a/src/components/font_control/font_control.js
+++ b/src/components/font_control/font_control.js
@@ -2,7 +2,7 @@ import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Popover from 'src/components/popover/popover.vue'
 import Select from '../select/select.vue'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
index 9540302ef..6015861f8 100644
--- a/src/components/gallery/gallery.js
+++ b/src/components/gallery/gallery.js
@@ -2,7 +2,7 @@ import { set, sumBy } from 'lodash'
 
 import Attachment from '../attachment/attachment.vue'
 
-import { useMediaViewerStore } from 'src/stores/media_viewer'
+import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 
 const Gallery = {
   props: [
diff --git a/src/components/global_notice_list/global_notice_list.js b/src/components/global_notice_list/global_notice_list.js
index 4a2726d7b..f3a7eee42 100644
--- a/src/components/global_notice_list/global_notice_list.js
+++ b/src/components/global_notice_list/global_notice_list.js
@@ -1,4 +1,4 @@
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/lists/lists.js b/src/components/lists/lists.js
index 0508ace82..ae58960f5 100644
--- a/src/components/lists/lists.js
+++ b/src/components/lists/lists.js
@@ -1,6 +1,6 @@
 import ListsCard from '../lists_card/lists_card.vue'
 
-import { useListsStore } from 'src/stores/lists'
+import { useListsStore } from 'src/stores/lists.js'
 
 const Lists = {
   data() {
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index 928b56725..83bd56de9 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -7,8 +7,8 @@ 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'
-import { useListsStore } from 'src/stores/lists'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useListsStore } from 'src/stores/lists.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/lists_menu/lists_menu_content.js b/src/components/lists_menu/lists_menu_content.js
index 35fab369d..2279ca6f0 100644
--- a/src/components/lists_menu/lists_menu_content.js
+++ b/src/components/lists_menu/lists_menu_content.js
@@ -5,7 +5,7 @@ import { getListEntries } from 'src/components/navigation/filter.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
-import { useListsStore } from 'src/stores/lists'
+import { useListsStore } from 'src/stores/lists.js'
 
 export const ListsMenuContent = {
   props: ['showPin'],
diff --git a/src/components/lists_timeline/lists_timeline.js b/src/components/lists_timeline/lists_timeline.js
index d7e407fb7..3d2cafa73 100644
--- a/src/components/lists_timeline/lists_timeline.js
+++ b/src/components/lists_timeline/lists_timeline.js
@@ -1,6 +1,6 @@
 import Timeline from '../timeline/timeline.vue'
 
-import { useListsStore } from 'src/stores/lists'
+import { useListsStore } from 'src/stores/lists.js'
 
 const ListsTimeline = {
   data() {
diff --git a/src/components/media_modal/media_modal.js b/src/components/media_modal/media_modal.js
index b983d92ab..f0db02ffd 100644
--- a/src/components/media_modal/media_modal.js
+++ b/src/components/media_modal/media_modal.js
@@ -7,7 +7,7 @@ import StillImage from '../still-image/still-image.vue'
 import SwipeClick from '../swipe_click/swipe_click.vue'
 import VideoAttachment from '../video_attachment/video_attachment.vue'
 
-import { useMediaViewerStore } from 'src/stores/media_viewer'
+import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 76051f6a9..c5b1d66f6 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -11,9 +11,9 @@ import ConfirmModal from '../confirm_modal/confirm_modal.vue'
 import Notifications from '../notifications/notifications.vue'
 import SideDrawer from '../side_drawer/side_drawer.vue'
 
-import { useAnnouncementsStore } from 'src/stores/announcements'
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
 import { useInstanceStore } from 'src/stores/instance.js'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/mobile_post_status_button/mobile_post_status_button.js b/src/components/mobile_post_status_button/mobile_post_status_button.js
index dfa7b6fe2..83103c827 100644
--- a/src/components/mobile_post_status_button/mobile_post_status_button.js
+++ b/src/components/mobile_post_status_button/mobile_post_status_button.js
@@ -1,6 +1,6 @@
 import { debounce } from 'lodash'
 
-import { usePostStatusStore } from 'src/stores/post_status'
+import { usePostStatusStore } from 'src/stores/post_status.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPen } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/navigation/navigation_entry.js b/src/components/navigation/navigation_entry.js
index a58b49e49..3384534be 100644
--- a/src/components/navigation/navigation_entry.js
+++ b/src/components/navigation/navigation_entry.js
@@ -4,8 +4,8 @@ import { mapState } from 'vuex'
 import { routeTo } from 'src/components/navigation/navigation.js'
 import OptionalRouterLink from 'src/components/optional_router_link/optional_router_link.vue'
 
-import { useAnnouncementsStore } from 'src/stores/announcements'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faThumbtack } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 261d1f594..6483a256e 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -15,8 +15,8 @@ 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'
-import { useInterfaceStore } from 'src/stores/interface'
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index 58110f3ba..eec9fe361 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -49,7 +49,7 @@ import { computed } from 'vue'
 
 import ColorInput from 'src/components/color_input/color_input.vue'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import {
   newExporter,
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index 1a41c17f6..f8887e53f 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -4,7 +4,7 @@ import Timeago from 'components/timeago/timeago.vue'
 
 import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 
-import { usePollsStore } from 'src/stores/polls'
+import { usePollsStore } from 'src/stores/polls.js'
 
 export default {
   name: 'Poll',
diff --git a/src/components/post_status_modal/post_status_modal.js b/src/components/post_status_modal/post_status_modal.js
index fad835881..0fe51791e 100644
--- a/src/components/post_status_modal/post_status_modal.js
+++ b/src/components/post_status_modal/post_status_modal.js
@@ -3,7 +3,7 @@ import get from 'lodash/get'
 import Modal from '../modal/modal.vue'
 import PostStatusForm from '../post_status_form/post_status_form.vue'
 
-import { usePostStatusStore } from 'src/stores/post_status'
+import { usePostStatusStore } from 'src/stores/post_status.js'
 
 const PostStatusModal = {
   components: {
diff --git a/src/components/quick_filter_settings/quick_filter_settings.js b/src/components/quick_filter_settings/quick_filter_settings.js
index dbb237e74..84abeec72 100644
--- a/src/components/quick_filter_settings/quick_filter_settings.js
+++ b/src/components/quick_filter_settings/quick_filter_settings.js
@@ -3,7 +3,7 @@ import { mapGetters } from 'vuex'
 
 import Popover from '../popover/popover.vue'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter, faFont, faWrench } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/quick_view_settings/quick_view_settings.js b/src/components/quick_view_settings/quick_view_settings.js
index c305893a0..438d1405b 100644
--- a/src/components/quick_view_settings/quick_view_settings.js
+++ b/src/components/quick_view_settings/quick_view_settings.js
@@ -4,7 +4,7 @@ import { mapGetters } from 'vuex'
 import Popover from 'src/components/popover/popover.vue'
 import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filter_settings.vue'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/report/report.js b/src/components/report/report.js
index a51ab0f19..fcfb83c3a 100644
--- a/src/components/report/report.js
+++ b/src/components/report/report.js
@@ -4,7 +4,7 @@ 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'
+import { useReportsStore } from 'src/stores/reports.js'
 
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
diff --git a/src/components/settings_modal/admin_tabs/emoji_tab.js b/src/components/settings_modal/admin_tabs/emoji_tab.js
index eda57273f..115ef519b 100644
--- a/src/components/settings_modal/admin_tabs/emoji_tab.js
+++ b/src/components/settings_modal/admin_tabs/emoji_tab.js
@@ -12,7 +12,7 @@ import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.js b/src/components/settings_modal/admin_tabs/frontends_tab.js
index a7f16a0d4..b76cd9015 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.js
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.js
@@ -7,7 +7,7 @@ import IntegerSetting from '../helpers/integer_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 import StringSetting from '../helpers/string_setting.vue'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faGlobe } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
index a3238ce2f..1a8e13e18 100644
--- a/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
+++ b/src/components/settings_modal/helpers/vertical_tab_switcher.jsx
@@ -8,7 +8,7 @@ import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 
 import './vertical_tab_switcher.scss'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 const findFirstUsable = (slots) => slots.findIndex((_) => _.props)
 
diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index 1d6da7068..f2c071045 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -8,7 +8,7 @@ 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 { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import {
   newExporter,
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 98c82d980..6cd760833 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -17,7 +17,7 @@ import RegistrationsTab from './admin_tabs/registrations_tab.vue'
 import UploadsTab from './admin_tabs/uploads_tab.vue'
 import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 247811840..ddee812ca 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -15,7 +15,7 @@ import ProfileTab from './tabs/profile_tab.vue'
 import SecurityTab from './tabs/security_tab/security_tab.vue'
 import StyleTab from './tabs/style_tab/style_tab.vue'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index b1c22afd4..0a217a216 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -12,7 +12,7 @@ import UnitSetting from '../helpers/unit_setting.vue'
 import Preview from './old_theme_tab/theme_preview.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
-import { normalizeThemeData, useInterfaceStore } from 'src/stores/interface'
+import { normalizeThemeData, useInterfaceStore } from 'src/stores/interface.js'
 
 import { newImporter } from 'src/services/export_import/export_import.js'
 import {
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.js b/src/components/settings_modal/tabs/data_import_export_tab.js
index 7a2bf1d4f..cc41302c7 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.js
+++ b/src/components/settings_modal/tabs/data_import_export_tab.js
@@ -4,7 +4,7 @@ import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Exporter from 'src/components/exporter/exporter.vue'
 import Importer from 'src/components/importer/importer.vue'
 
-import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
+import { useOAuthTokensStore } from 'src/stores/oauth_tokens.js'
 
 const DataImportExportTab = {
   data() {
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index f6eeb0613..34474e605 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -14,7 +14,7 @@ import SelectableList from 'src/components/selectable_list/selectable_list.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 
 import { useInstanceStore } from 'src/stores/instance.js'
-import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
+import { useOAuthTokensStore } from 'src/stores/oauth_tokens.js'
 
 const BlockList = withLoadMore({
   fetch: (props, $store) => $store.dispatch('fetchBlocks'),
diff --git a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
index 2f3032ba7..549803265 100644
--- a/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
+++ b/src/components/settings_modal/tabs/old_theme_tab/old_theme_tab.js
@@ -10,7 +10,7 @@ import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import Preview from './theme_preview.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import {
   getContrastRatioLayers,
diff --git a/src/components/shout_panel/shout_panel.js b/src/components/shout_panel/shout_panel.js
index 1dba50b2c..fd0f6912b 100644
--- a/src/components/shout_panel/shout_panel.js
+++ b/src/components/shout_panel/shout_panel.js
@@ -1,5 +1,5 @@
 import { useInstanceStore } from 'src/stores/instance.js'
-import { useShoutStore } from 'src/stores/shout'
+import { useShoutStore } from 'src/stores/shout.js'
 
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index 44cec5716..2e08797c8 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -5,7 +5,7 @@ import Popover from 'src/components/popover/popover.vue'
 import ActionButtonContainer from './action_button_container.vue'
 import { BUTTONS } from './buttons_definitions.js'
 
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage.js'
 
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
 
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 17ea62f99..a3c97ffe6 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
@@ -3,7 +3,7 @@ import { mapState } from 'pinia'
 import Popover from 'src/components/popover/popover.vue'
 import StillImage from 'src/components/still-image/still-image.vue'
 
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index ec23a3488..a00792826 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -6,7 +6,7 @@ import Gallery from '../gallery/gallery.vue'
 import LinkPreview from '../link-preview/link-preview.vue'
 import Poll from '../poll/poll.vue'
 
-import { useMediaViewerStore } from 'src/stores/media_viewer'
+import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index 9b518a10d..2cf97d893 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -3,7 +3,7 @@ import { get } from 'lodash'
 import Modal from '../modal/modal.vue'
 import Status from '../status/status.vue'
 
-import { useStatusHistoryStore } from 'src/stores/statusHistory'
+import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
 
 const StatusHistoryModal = {
   components: {
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index a495ddd51..b485b3ff8 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -7,7 +7,7 @@ import { FontAwesomeIcon as FAIcon } from '@fortawesome/vue-fontawesome'
 
 import './tab_switcher.scss'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 const findFirstUsable = (slots) => slots.findIndex((_) => _.props)
 
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index bff40bbe4..4616a4111 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -8,7 +8,7 @@ import ScrollTopButton from '../scroll_top_button/scroll_top_button.vue'
 import Status from '../status/status.vue'
 import TimelineMenu from '../timeline_menu/timeline_menu.vue'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
 
diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
index 5c8b308bf..a8bc60676 100644
--- a/src/components/update_notification/update_notification.js
+++ b/src/components/update_notification/update_notification.js
@@ -1,7 +1,7 @@
 import Modal from 'src/components/modal/modal.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage.js'
 
 import pleromaTanFoxMask from 'src/assets/pleromatan_apology_fox_mask.png'
 import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 12c31fc35..fdf766f58 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,7 +1,7 @@
 import StillImage from '../still-image/still-image.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPeopleGroup, faRobot } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/user_list_menu/user_list_menu.js b/src/components/user_list_menu/user_list_menu.js
index 61e5b9096..47a84a6bb 100644
--- a/src/components/user_list_menu/user_list_menu.js
+++ b/src/components/user_list_menu/user_list_menu.js
@@ -3,7 +3,7 @@ import { mapState } from 'pinia'
 import DialogModal from '../dialog_modal/dialog_modal.vue'
 import Popover from '../popover/popover.vue'
 
-import { useListsStore } from 'src/stores/lists'
+import { useListsStore } from 'src/stores/lists.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index aee741c7f..896167df0 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -4,7 +4,7 @@ import Modal from '../modal/modal.vue'
 import Status from '../status/status.vue'
 import UserLink from '../user_link/user_link.vue'
 
-import { useReportsStore } from 'src/stores/reports'
+import { useReportsStore } from 'src/stores/reports.js'
 
 const UserReportingModal = {
   components: {
diff --git a/src/lib/push_notifications_plugin.js b/src/lib/push_notifications_plugin.js
index 0bf69baa0..9732a82c9 100644
--- a/src/lib/push_notifications_plugin.js
+++ b/src/lib/push_notifications_plugin.js
@@ -1,5 +1,5 @@
 import { useInstanceStore } from 'src/stores/instance.js'
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 export default (store) => {
   store.subscribe((mutation, state) => {
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index 76e032b9e..cb3d430db 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -10,7 +10,7 @@ import {
 } from '../services/notification_utils/notification_utils.js'
 
 import { useReportsStore } from 'src/stores/reports.js'
-import { useServerSideStorageStore } from 'src/stores/serverSideStorage'
+import { useServerSideStorageStore } from 'src/stores/serverSideStorage.js'
 
 const emptyNotifications = () => ({
   desktopNotificationSilence: true,
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index 43aeeb9a6..1dcfa213b 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -15,7 +15,7 @@ import {
 
 import apiService from '../services/api/api.service.js'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 const emptyTl = (userId = 0) => ({
   statuses: [],
diff --git a/src/stores/reports.js b/src/stores/reports.js
index 52b67527d..d2cd4fd7c 100644
--- a/src/stores/reports.js
+++ b/src/stores/reports.js
@@ -1,7 +1,7 @@
 import filter from 'lodash/filter'
 import { defineStore } from 'pinia'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 export const useReportsStore = defineStore('reports', {
   state: () => ({