fix more linting

frontend/.nvmrc

@@ -1 +1 @@
-22
+22.22.2

frontend/biome.json

@@ -56,32 +56,31 @@
         "noRedundantDefaultExport": "warn"
       },
       "correctness": {
-        "noUnknownPseudoClass": "off"
+        "noUnknownPseudoClass": "off",
+        "noVueImportCompilerMacros": "error",
+        "noVueRefAsOperand": "error",
+        "noVueVOnNumberValues": "error",
+        "useVueValidVFor": "error"
       },
       "nursery": {
-        "noEmptyObjectKeys": "error",
         "noFloatingPromises": "error",
         "noImpliedEval": "error",
         "noJsonUnsafeValues": "error",
         "noMisusedPromises": "error",
-        "noTopLevelLiterals": "error",
         "noVueDeprecatedScopedSlots": "error",
-        "noVueImportCompilerMacros": "error",
-        "noVueRefAsOperand": "error",
         "noVueUndeclaredDirectives": "off",
-        "noVueVOnNumberValues": "error",
         "useConsistentObjectKeys": "error",
-        "useVueBaseImport": "warn",
-        "useVueConsistentDefinePropsDeclaration": "off",
-        "useVueNextTickPromise": "warn",
-        "useVueValidVFor": "error"
+        "useVueBaseImport": "warn"
       },
       "style": {
         "noDescendingSpecificity": "off",
         "noVueOptionsApi": "off",
         "useVueConsistentVBindStyle": "off",
         "useVueHyphenatedAttributes": "off",
-        "useVueMultiWordComponentNames": "off"
+        "useVueMultiWordComponentNames": "off",
+        "noTopLevelLiterals": "error",
+        "useVueConsistentDefinePropsDeclaration": "off",
+        "useVueNextTickPromise": "warn"
       },
       "suspicious": {
         "noExplicitAny": "warn",
@@ -90,7 +89,9 @@
         "noParametersOnlyUsedInRecursion": "error",
         "noShadow": "off",
         "noUnnecessaryConditions": "off",
-        "useArraySortCompare": "error"
+        "useArraySortCompare": "error",
+        "noEmptyObjectKeys": "error",
+        "useScopedStyles": "off"
       }
     }
   },
@@ -101,20 +102,24 @@
         "rules": {
           "correctness": {
             "noEmptyPattern": "off",
-            "noUnresolvedImports": "off"
+            "noUnresolvedImports": "off",
+            "noPlaywrightMissingAwait": "error",
+            "usePlaywrightValidDescribeCallback": "error"
           },
-          "nursery": {
+          "style": {
             "noPlaywrightElementHandle": "error",
             "noPlaywrightEval": "error",
+            "noPlaywrightWaitForSelector": "error"
+          },
+          "suspicious": {
             "noPlaywrightForceOption": "error",
-            "noPlaywrightMissingAwait": "error",
             "noPlaywrightNetworkidle": "error",
             "noPlaywrightPagePause": "error",
-            "noPlaywrightUselessAwait": "error",
             "noPlaywrightWaitForNavigation": "error",
-            "noPlaywrightWaitForSelector": "error",
-            "noPlaywrightWaitForTimeout": "warn",
-            "usePlaywrightValidDescribeCallback": "error"
+            "noPlaywrightWaitForTimeout": "warn"
+          },
+          "complexity": {
+            "noPlaywrightUselessAwait": "error"
           }
         }
       }

frontend/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "type": "module",
   "engines": {
-    "npm": ">=9.0.0",
-    "node": "^22.13.0 || ^24.0.0 || >=26.0.0"
+    "npm": ">=12.0.0",
+    "node": "^22.22.2 || ^24.15.0 || >=26.0.0"
   },
   "scripts": {
     "build": "vite build",
@@ -30,60 +30,59 @@
     "test": "vitest run "
   },
   "dependencies": {
-    "@likecoin/epub-ts": "^0.7.2",
+    "@likecoin/epub-ts": "^0.7.3",
     "@onlyoffice/document-editor-vue": "^1.7.0",
-    "ace-builds": "^1.45.0",
-    "chart.js": "^4.5.1",
+    "ace-builds": "^1.45.2",
+    "chart.js": "^4.6.1",
     "dompurify": "^3.4.17",
     "highlight.js": "^11.12.0",
-    "hls.js": "^1.7.2",
+    "hls.js": "^1.7.4",
     "js-yaml": "^5.5.0",
     "mammoth": "^1.13.0",
-    "marked": "^18.1.1",
+    "marked": "^18.2.0",
     "plyr": "^3.8.5",
     "qrcode.vue": "^3.11.0",
     "temml": "^0.14.0",
-    "three": "^0.186.1",
-    "vue": "^3.5.44",
-    "vue-i18n": "^11.4.16",
-    "vue-router": "^5.4.0"
+    "three": "^0.187.0",
+    "vue": "^3.5.45",
+    "vue-i18n": "^11.4.19",
+    "vue-router": "^5.5.0"
   },
   "overrides": {
-    "minimatch": "^10.2.6",
+    "minimatch": "^11.0.8",
     "@xmldom/xmldom": "^0.8.15",
     "mammoth": {
-      "argparse": "^2.0.1"
+      "argparse": "^3.0.4"
     },
     "@intlify/vue-i18n-extensions": {
       "vue-i18n": "$vue-i18n"
     },
-    "@intlify/eslint-plugin-vue-i18n": {
-      "glob": "^13.0.0"
-    }
+    "glob": "^14.0.6"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.5.15",
+    "@biomejs/biome": "2.6.7",
     "@intlify/eslint-plugin-vue-i18n": "^4.5.1",
-    "@intlify/unplugin-vue-i18n": "^11.2.7",
-    "@playwright/test": "^1.64.1",
-    "@types/node": "^26.6.4",
-    "@typescript-eslint/parser": "^8.72.0",
-    "@vitejs/plugin-vue": "^6.0.10",
-    "deepl-node": "^1.28.1",
-    "eslint": "^10.13.0",
-    "eslint-plugin-vue": "^10.11.1",
+    "@intlify/unplugin-vue-i18n": "^11.2.8",
+    "@playwright/test": "^1.65.0",
+    "@types/node": "^26.6.6",
+    "@typescript-eslint/parser": "^8.72.2",
+    "@vitejs/plugin-vue": "^6.0.11",
+    "deepl-node": "^1.29.0",
+    "esbuild": "^0.28.2",
+    "eslint": "^10.14.0",
+    "eslint-plugin-vue": "^10.12.1",
     "fs-extra": "^11.4.1",
-    "jsdom": "^30.1.3",
-    "stylelint": "^17.16.0",
-    "stylelint-config-standard": "^40.0.0",
+    "jsdom": "^31.0.1",
+    "stylelint": "^18.0.0",
+    "stylelint-config-standard": "^41.0.0",
     "stylelint-config-standard-vue": "^2.0.0",
     "typescript": "^6.0.3",
-    "vite": "^8.3.4",
-    "vite-plugin-checker": "^0.14.5",
-    "vite-plugin-compression2": "^2.5.3",
-    "vitest": "^5.0.5",
-    "vue-eslint-parser": "^10.4.1",
-    "vue-tsc": "^3.3.13",
+    "vite": "^8.3.8",
+    "vite-plugin-checker": "^1.0.0",
+    "vite-plugin-compression2": "^2.5.4",
+    "vitest": "^5.1.0",
+    "vue-eslint-parser": "^10.4.2",
+    "vue-tsc": "^3.3.14",
     "wawoff2": "^2.0.1"
   }
 }

frontend/scripts/build-icon-subset.js

@@ -184,7 +184,7 @@ function collectIcons() {
   scanSearchFilters(icons);
   scanMarkdownViewer(icons);
   icons.delete('close_back');
-  return [...icons].sort();
+  return [...icons].sort((a, b) => (a < b ? -1 : a > b ? 1 : 0));
 }
 
 function readInventory() {

frontend/scripts/sync-translations.js

@@ -2,7 +2,7 @@
 import path from 'node:path';
 import { globSync } from 'node:fs';
 import { fileURLToPath } from 'node:url';
-import { Translator } from 'deepl-node';
+import { DeepLClient } from 'deepl-node';
 import fs from 'fs-extra';
 
 // Parse command line arguments
@@ -27,7 +27,7 @@ if (requireApiKey && !DEEPL_API_KEY) {
   process.exit(1);
 }
 
-const translator = requireApiKey ? new Translator(DEEPL_API_KEY) : null;
+const translator = requireApiKey ? new DeepLClient(DEEPL_API_KEY) : null;
 
 const deeplLangMap = {
   'zh-cn': 'ZH-HANS',

frontend/src/App.vue

@@ -4,8 +4,8 @@
 
 <script>
 import { onMounted } from "vue";
-import { mutations } from "@/store"; // Import your store's mutations
-import { scheduleFullIcons } from "@/utils/loadFullIcons";
+import { mutations } from "@/store/index.ts"; // Import your store's mutations
+import { scheduleFullIcons } from "@/utils/loadFullIcons.js";
 
 mutations.setLoading("main-app", true);
 export default {

frontend/src/components/Action.vue

@@ -56,8 +56,8 @@ export function actionIconClass(icon: string, customIconClass?: string): string
 
 <script setup lang="ts">
 import { computed } from "vue";
-import { getters, mutations } from "@/store";
-import type { Prompt } from "@/store/types";
+import { getters, mutations } from "@/store/index.ts";
+import type { Prompt } from "@/store/types.ts";
 
 const props = withDefaults(
   defineProps<{

frontend/src/components/ContextMenu.vue

@@ -114,19 +114,19 @@
 import { computed, markRaw, onBeforeUnmount, onMounted, ref, toRaw, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
-import { resourcesApi, shareApi, usersApi } from "@/api";
-import { notify } from "@/notify";
-import { getters, mutations, state } from "@/store/index.js";
+import { resourcesApi, shareApi, usersApi } from "@/api/index.js";
+import { notify } from "@/notify/index.ts";
+import { getters, mutations, state } from "@/store/index.ts";
 import type { FileListItem, ReqObject } from "@/store/types.ts";
 import { hideInteractiveTooltip, showHoverTooltip } from "@/utils/tooltipHelp.js";
 import { goToItem, getParentDir, removeLastDir } from "@/utils/url.js";
-import { copyToClipboard } from "@/utils/clipboard";
-import downloadFiles from "@/utils/download";
-import { canNativeShare, nativeShareFile } from "@/utils/nativeShare";
-import { isRichTextPreviewMimeType, getTypeInfoFromExt } from "@/utils/mimetype";
-import { isMediaRequest } from "@/utils/mediaFile";
+import { copyToClipboard } from "@/utils/clipboard.js";
+import downloadFiles from "@/utils/download.js";
+import { canNativeShare, nativeShareFile } from "@/utils/nativeShare.js";
+import { isRichTextPreviewMimeType, getTypeInfoFromExt } from "@/utils/mimetype.js";
+import { isMediaRequest } from "@/utils/mediaFile.js";
 import { actionIconClass } from "@/components/Action.vue";
-import { popEnter, popLeave } from "@/utils/transitions";
+import { popEnter, popLeave } from "@/utils/transitions.ts";
 
 type MenuItem = FileListItem & { isDir?: boolean; from?: string };
 

frontend/src/components/HalloweenLightning.vue

@@ -27,7 +27,7 @@ import {
   createLightningStrike,
   prefersReducedMotion,
   type LightningStrike,
-} from "@/utils/lightning-bolt";
+} from "@/utils/lightning-bolt.ts";
 
 type Bolt = LightningStrike & { id: number };
 

frontend/src/components/LoadFailed.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
+import { notify } from "@/notify/index.ts";
 
 export default {
   name: "load-failed",

frontend/src/components/Notifications.vue

@@ -55,7 +55,7 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
+import { notify } from "@/notify/index.ts";
 
 export default {
   name: "notifications",

frontend/src/components/Search.vue

@@ -115,24 +115,24 @@
 <script setup lang="ts">
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, toRefs, watch, type Ref } from "vue";
 import { useI18n } from "vue-i18n";
-import { useListingContextMenu } from "@/composables/useListingContextMenu";
-import { useSearchFilters } from "@/composables/useSearchFilters";
-import { useSearchRequest } from "@/composables/useSearchRequest";
-import { resourcesApi, toolsApi } from "@/api";
+import { useListingContextMenu } from "@/composables/useListingContextMenu.ts";
+import { useSearchFilters } from "@/composables/useSearchFilters.ts";
+import { useSearchRequest } from "@/composables/useSearchRequest.ts";
+import { resourcesApi, toolsApi } from "@/api/index.js";
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
 import Icon from "@/components/files/Icon.vue";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 import SearchFilters from "@/components/tools/SearchFilters.vue";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
-import { router } from "@/router";
-import { getters, mutations, state } from "@/store";
-import type { FileListItem } from "@/store/types";
-import { url } from "@/utils/";
-import { globalVars } from "@/utils/constants";
+import { router } from "@/router/index.ts";
+import { getters, mutations, state } from "@/store/index.ts";
+import type { FileListItem } from "@/store/types.ts";
+import { url } from "@/utils/index.ts";
+import { globalVars } from "@/utils/constants.js";
 import { debounce } from "@/utils/debounce.js";
 import { sortedItems } from "@/utils/sort.ts";
-import { getHumanReadableFilesize } from "@/utils/filesizes";
+import { getHumanReadableFilesize } from "@/utils/filesizes.js";
 import { isTypeAheadSessionActive } from "@/utils/listingTypeAhead.js";
 import { shouldIgnoreOutsideTap } from "@/utils/tooltipHelp.js";
 

frontend/src/components/Shelf.vue

@@ -23,8 +23,8 @@
 import Breadcrumbs from "@/components/files/Breadcrumbs.vue";
 import ListingHeader from "@/components/files/ListingHeader.vue";
 import DuplicateFinderActions from "@/components/tools/DuplicateFinderActions.vue";
-import { getters, state } from "@/store";
-import { eventBus } from "@/store/eventBus";
+import { getters, state } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
 
 export default {
   name: "Shelf",

frontend/src/components/StatusBar.vue

@@ -44,8 +44,8 @@
 </template>
 
 <script>
-import { getters, mutations, state } from "@/store";
-import { getHumanReadableFilesize } from "@/utils/filesizes";
+import { getters, mutations, state } from "@/store/index.ts";
+import { getHumanReadableFilesize } from "@/utils/filesizes.js";
 
 export default {
   name: "StatusBar",

frontend/src/components/Toast.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import { getIconClass } from "@/utils/material-symbols";
+import { getIconClass } from "@/utils/material-symbols.js";
 
 export default {
   name: "Toast",

frontend/src/components/Tooltip.vue

@@ -22,7 +22,7 @@
 import { computed, nextTick, ref, watch } from "vue";
 import type { CSSProperties } from "vue";
 import { useRoute } from "vue-router";
-import { state } from "@/store";
+import { state } from "@/store/index.ts";
 import { hideInteractiveTooltip } from "@/utils/tooltipHelp.js";
 
 const margin = 15;

frontend/src/components/files/AudioPanel.vue

@@ -92,7 +92,7 @@
 <script>
 import PlaybackQueue from "@/components/prompts/PlaybackQueue.vue";
 import FloatingActionButton from "@/components/settings/FloatingActionButton.vue";
-import { mutations, state } from "@/store";
+import { mutations, state } from "@/store/index.ts";
 import { visualizerConfig } from "@/utils/visualizerConfig.js";
 
 const LAST_TAB_KEY = 'plyrSidePanelActiveTab';

frontend/src/components/files/Breadcrumbs.vue

@@ -32,13 +32,13 @@
 </template>
 
 <script>
-import { resourcesApi } from "@/api";
-import { notify } from "@/notify";
-import { getters, mutations, state } from "@/store";
-import { url } from "@/utils";
+import { resourcesApi } from "@/api/index.js";
+import { notify } from "@/notify/index.ts";
+import { getters, mutations, state } from "@/store/index.ts";
+import { url } from "@/utils/index.ts";
 import { getObjectProperty } from '@/utils/object.js';
-import { goToItemNotificationButton } from "@/utils/notificationActions";
-import { notifyMoveCopyFailure } from "@/utils/appNotifications";
+import { goToItemNotificationButton } from "@/utils/notificationActions.js";
+import { notifyMoveCopyFailure } from "@/utils/appNotifications.js";
 
 export default {
   name: "breadcrumbs",

frontend/src/components/files/EditorToolbar.vue

@@ -138,12 +138,12 @@ import { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue"
 import { useI18n } from "vue-i18n";
 import ace from "ace-builds";
 import type { Ace } from "ace-builds";
-import { mutations, state, getters } from "@/store";
-import { eventBus } from "@/store/eventBus";
+import { mutations, state, getters } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
 import { removeLastDir } from "@/utils/url.js";
 import { popEnter, popLeave } from "@/utils/transitions.ts";
 import { copyToClipboard } from "@/utils/clipboard.js";
-import { notify } from "@/notify";
+import { notify } from "@/notify/index.ts";
 
 interface AnchorRange {
   start: Ace.Anchor;

frontend/src/components/files/ExtendedImage.vue

@@ -38,13 +38,13 @@
 
 <script>
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
-import { notify } from "@/notify";
-import { getters, mutations, state } from '@/store';
+import { notify } from "@/notify/index.ts";
+import { getters, mutations, state } from "@/store/index.ts";
 import { acquireBestCachedThumbnailBlob, getBestCachedImage, releaseThumbnailBlob } from "@/utils/cache/imageCache.ts";
-import { isRawImageMimeType } from "@/utils/mimetype";
-import { resourcesApi } from "@/api";
+import { isRawImageMimeType } from "@/utils/mimetype.js";
+import { resourcesApi } from "@/api/index.js";
 import { refreshViewToken, requestViewIdentity } from "@/api/viewToken.js";
-import throttle from "@/utils/throttle";
+import throttle from "@/utils/throttle.js";
 
 export default {
   components: {
@@ -525,7 +525,7 @@ export default {
           this.showDismissHint = false;
         } else {
           this.dragOffsetX = 0;
-          const downward = this.edgeDy > 0 ? this.edgeDy : 0;
+          const downward = Math.max(this.edgeDy, 0);
           this.dragOffsetY = this.rubberband(downward, this.edgeRubberMax);
           this.showDismissHint = this.edgeDy >= this.edgeHintPx;
           this.showNavHint = false;
@@ -549,7 +549,7 @@ export default {
         this.showDismissHint = false;
       } else {
         this.dragOffsetX = 0;
-        const downward = this.edgeDy > 0 ? this.edgeDy : 0;
+        const downward = Math.max(this.edgeDy, 0);
         this.dragOffsetY = this.rubberband(downward, this.edgeRubberMax);
         this.showDismissHint = this.edgeDy >= this.edgeHintPx;
         this.showNavHint = false;

frontend/src/components/files/FileList.vue

@@ -76,10 +76,10 @@
 
 <script setup lang="ts">
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from "vue";
-import { state, mutations, getters } from "@/store";
+import { state, mutations, getters } from "@/store/index.ts";
 import type { FileListItem, MediaMetadata } from "@/store/types.ts";
-import { url } from "@/utils";
-import { resourcesApi } from "@/api";
+import { url } from "@/utils/index.ts";
+import { resourcesApi } from "@/api/index.js";
 import ListingHeader from "@/components/files/ListingHeader.vue";
 import ListingItem from "@/components/files/ListingItem.vue";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";

frontend/src/components/files/FileTree.vue

@@ -81,17 +81,17 @@
 
 <script setup lang="ts">
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
-import { resourcesApi } from '@/api';
+import { resourcesApi } from "@/api/index.js";
 import Icon from '@/components/files/Icon.vue';
 import LoadingSpinner from '@/components/LoadingSpinner.vue';
 import i18n from '@/i18n/index.ts';
-import { state, getters, mutations } from '@/store';
-import { eventBus } from '@/store/eventBus';
+import { state, getters, mutations } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
 import type { FileListItem } from '@/store/types.ts';
-import { buildItemUrl, goToItem, joinPath } from '@/utils/url';
-import { goToItemNotificationButton } from '@/utils/notificationActions';
-import { notify } from '@/notify';
-import { notifyMoveCopyFailure } from '@/utils/appNotifications';
+import { buildItemUrl, goToItem, joinPath } from "@/utils/url.js";
+import { goToItemNotificationButton } from "@/utils/notificationActions.js";
+import { notify } from "@/notify/index.ts";
+import { notifyMoveCopyFailure } from "@/utils/appNotifications.js";
 import { getObjectProperty } from '@/utils/object.js';
 import { sortedItems } from '@/utils/sort.ts';
 import { findScrollParents, useListingVirtualization } from '@/composables/useListingVirtualization.ts';

frontend/src/components/files/Icon.vue

@@ -41,10 +41,10 @@
 
 <script setup lang="ts">
 import { computed, inject, onBeforeUnmount, onMounted, ref, unref, watch, type Ref } from "vue";
-import { fetchPreviewImage } from "@/api/resources";
+import { fetchPreviewImage } from "@/api/resources.js";
 import { createAsyncComponent } from "@/utils/asyncComponent.js";
-import { getTypeInfo } from "@/utils/mimetype";
-import { getters, mutations, state } from "@/store";
+import { getTypeInfo } from "@/utils/mimetype.js";
+import { getters, mutations, state } from "@/store/index.ts";
 import {
   acquireThumbnailBlob,
   getThumbnailBlobKey,

frontend/src/components/files/IndexInfo.vue

@@ -10,8 +10,8 @@
 </template>
 
 <script>
-import { state } from "@/store";
-import { fromNow } from "@/utils/moment";
+import { state } from "@/store/index.ts";
+import { fromNow } from "@/utils/moment.ts";
 import SettingsTable from "@/components/settings/Table.vue";
 
 export default {

frontend/src/components/files/ListingHeader.vue

@@ -97,7 +97,7 @@
 </template>
 
 <script>
-import { state, getters, mutations } from "@/store";
+import { state, getters, mutations } from "@/store/index.ts";
 
 export default {
   name: "ListingHeader",

frontend/src/components/files/ListingItem.vue

@@ -94,22 +94,22 @@
 
 <script>
 import { computed, shallowRef } from "vue";
-import { globalVars } from "@/utils/constants";
-import downloadFiles from "@/utils/download";
-import { getHumanReadableFilesize } from "@/utils/filesizes";
-import { getKindKey } from "@/utils/mimetype";
-import { isTextPreviewableType } from "@/utils/textPreview";
+import { globalVars } from "@/utils/constants.js";
+import downloadFiles from "@/utils/download.js";
+import { getHumanReadableFilesize } from "@/utils/filesizes.js";
+import { getKindKey } from "@/utils/mimetype.js";
+import { isTextPreviewableType } from "@/utils/textPreview.ts";
 import { hasCachedThumbnailBlob } from "@/utils/cache/imageCache.ts";
 import { formatDuration } from "@/utils/files.js";
 import { getObjectProperty } from '@/utils/object.js';
-import { resourcesApi } from "@/api";
-import { checkConflict } from "@/utils/upload";
-import { state, getters, mutations } from "@/store"; // Import your custom store
-import { url } from "@/utils";
-import { formatTimestamp, fromNow } from "@/utils/moment";
-import { notify } from "@/notify";
-import { goToItemNotificationButton } from "@/utils/notificationActions";
-import { notifyMoveCopyFailure } from "@/utils/appNotifications";
+import { resourcesApi } from "@/api/index.js";
+import { checkConflict } from "@/utils/upload.ts";
+import { state, getters, mutations } from "@/store/index.ts"; // Import your custom store
+import { url } from "@/utils/index.ts";
+import { formatTimestamp, fromNow } from "@/utils/moment.ts";
+import { notify } from "@/notify/index.ts";
+import { goToItemNotificationButton } from "@/utils/notificationActions.js";
+import { notifyMoveCopyFailure } from "@/utils/appNotifications.js";
 import Icon from "@/components/files/Icon.vue";
 
 const selectedIndexSet = computed(() => {

frontend/src/components/files/MarkdownSplitView.vue

@@ -27,11 +27,11 @@
 <script lang="ts">
 import type { PropType } from "vue";
 import type { Ace } from "ace-builds";
-import { state, getters, mutations } from "@/store";
+import { state, getters, mutations } from "@/store/index.ts";
 import { createAsyncComponent } from "@/utils/asyncComponent.js";
 import Scrollbar from "@/components/files/Scrollbar.vue";
 import FloatingActionButton from "@/components/settings/FloatingActionButton.vue";
-import { createScrollSyncGuard } from "@/utils/markdownScrollSync";
+import { createScrollSyncGuard } from "@/utils/markdownScrollSync.ts";
 
 const MD_SPLIT_PERCENT_KEY = "mdSplitPercent";
 const LIVE_CONTENT_INTERVAL_MS = 185; // Throttle preview updates to avoid performance issues

frontend/src/components/files/PathPickerButton.vue

@@ -13,8 +13,8 @@
 </template>
 
 <script>
-import { mutations, state } from "@/store";
-import { eventBus } from "@/store/eventBus";
+import { mutations, state } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
 
 function normalizeContextId() {
   return `path-picker-btn-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;

frontend/src/components/files/PopupPreview.vue

@@ -22,7 +22,7 @@
 
 <script>
 import { createAsyncComponent } from "@/utils/asyncComponent.js";
-import { state, getters, mutations } from "@/store";
+import { state, getters, mutations } from "@/store/index.ts";
 import { setImageLoaded } from "@/utils/cache/imageCache.ts";
 
 export default {

frontend/src/components/files/Scrollbar.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import { state, mutations, getters } from "@/store";
+import { state, mutations, getters } from "@/store/index.ts";
 import { eventBus } from "@/store/eventBus.ts";
 import { isHtmlMimeType } from "@/utils/mimetype.js";
 

frontend/src/components/files/ShareInfo.vue

@@ -30,9 +30,9 @@
 </template>
 
 <script>
-import { state, getters } from "@/store";
-import { getHumanReadableFilesize } from "@/utils/filesizes";
-import { getTypeInfo } from "@/utils/mimetype";
+import { state, getters } from "@/store/index.ts";
+import { getHumanReadableFilesize } from "@/utils/filesizes.js";
+import { getTypeInfo } from "@/utils/mimetype.js";
 
 export default {
   name: "ShareInfo",

frontend/src/components/files/TextPreview.vue

@@ -23,7 +23,7 @@
 
 <script setup lang="ts">
 import { computed, onBeforeUnmount, ref, shallowRef, watch } from "vue";
-import { getters } from "@/store";
+import { getters } from "@/store/index.ts";
 import { applyHighlightTheme, loadHljs } from "@/utils/highlight.ts";
 import { parseDelimited } from "@/utils/delimited.ts";
 import {

frontend/src/components/files/nextPrevious.vue

@@ -99,11 +99,11 @@
 </template>
 
 <script>
-import { state, getters, mutations } from "@/store";
-import throttle from "@/utils/throttle";
-import { previewViews } from "@/utils/constants";
-import { url } from "@/utils";
-import { resourcesApi } from "@/api";
+import { state, getters, mutations } from "@/store/index.ts";
+import throttle from "@/utils/throttle.js";
+import { previewViews } from "@/utils/constants.js";
+import { url } from "@/utils/index.ts";
+import { resourcesApi } from "@/api/index.js";
 import { navigatePlaybackQueue } from "@/utils/playbackQueue.js";
 import {
   isInLeftNavHoverZone,

frontend/src/components/prompts/Access.vue

@@ -112,9 +112,9 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
-import { mutations } from "@/store";
-import { accessApi } from "@/api";
+import { notify } from "@/notify/index.ts";
+import { mutations } from "@/store/index.ts";
+import { accessApi } from "@/api/index.js";
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
 import FileList from "../files/FileList.vue";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
@@ -124,8 +124,8 @@ import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
 import ActivityViewerButton from "@/components/settings/ActivityViewerButton.vue";
 import SettingsTable from "@/components/settings/Table.vue";
 import EntityPickerButton from "@/components/settings/EntityPickerButton.vue";
-import { activityViewerPresets } from "@/utils/activityViewerLink";
-import { eventBus } from "@/store/eventBus";
+import { activityViewerPresets } from "@/utils/activityViewerLink.js";
+import { eventBus } from "@/store/eventBus.ts";
 
 export default {
   name: "access",

frontend/src/components/prompts/ActionApi.vue

@@ -72,11 +72,11 @@
 </template>
 
 <script>
-import { mutations } from "@/store";
-import { notify } from "@/notify";
-import { authApi } from "@/api";
-import { eventBus } from "@/store/eventBus";
-import { copyToClipboard } from "@/utils/clipboard";
+import { mutations } from "@/store/index.ts";
+import { notify } from "@/notify/index.ts";
+import { authApi } from "@/api/index.js";
+import { eventBus } from "@/store/eventBus.ts";
+import { copyToClipboard } from "@/utils/clipboard.js";
 
 export default {
   name: "ActionApi",

frontend/src/components/prompts/ActivityEventDetails.vue

@@ -25,13 +25,13 @@
 
 <script>
 import SettingsTable from "@/components/settings/Table.vue";
-import { formatTimestamp } from "@/utils/moment";
+import { formatTimestamp } from "@/utils/moment.ts";
 import {
   buildActivityDetailRows,
   activityEventLabel,
   activityRowPath,
   activityRowSource,
-} from "@/utils/activityDetails";
+} from "@/utils/activityDetails.js";
 
 export default {
   name: "ActivityEventDetails",

frontend/src/components/prompts/AnalyticsDiagnostic.vue

@@ -13,8 +13,8 @@
 
 <script>
 import { createAsyncComponent } from "@/utils/asyncComponent.js";
-import { notify } from "@/notify";
-import { getAnalyticsPreview } from "@/api/settings";
+import { notify } from "@/notify/index.ts";
+import { getAnalyticsPreview } from "@/api/settings.js";
 
 export default {
   name: "AnalyticsDiagnostic",

frontend/src/components/prompts/Archive.vue

@@ -142,10 +142,10 @@
 </template>
 
 <script>
-import { state, mutations, getters } from "@/store";
-import { notify } from "@/notify";
-import { resourcesApi } from "@/api";
-import { goToItemNotificationButton } from "@/utils/notificationActions";
+import { state, mutations, getters } from "@/store/index.ts";
+import { notify } from "@/notify/index.ts";
+import { resourcesApi } from "@/api/index.js";
+import { goToItemNotificationButton } from "@/utils/notificationActions.js";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 import FileList from "@/components/files/FileList.vue";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";

frontend/src/components/prompts/CloseWithActiveUploads.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import { getters } from "@/store";
+import { getters } from "@/store/index.ts";
 
 export default {
   name: "closeWithActiveUploads",

frontend/src/components/prompts/ConfigViewer.vue

@@ -28,7 +28,7 @@
 
 <script>
 import { createAsyncComponent } from "@/utils/asyncComponent.js";
-import { config } from "@/api/settings";
+import { config } from "@/api/settings.js";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
 
 export default {

frontend/src/components/prompts/CopyPasteConfirm.vue

@@ -44,8 +44,8 @@
 </template>
 
 <script>
-import { mutations } from "@/store";
-import { notifyMoveCopyFailure } from "@/utils/appNotifications";
+import { mutations } from "@/store/index.ts";
+import { notifyMoveCopyFailure } from "@/utils/appNotifications.js";
 
 export default {
   name: "copy-paste-confirm",

frontend/src/components/prompts/CreateApi.vue

@@ -62,12 +62,12 @@
 </template>
 
 <script>
-import { mutations } from "@/store";
-import { notify } from "@/notify";
-import { authApi } from "@/api";
+import { mutations } from "@/store/index.ts";
+import { notify } from "@/notify/index.ts";
+import { authApi } from "@/api/index.js";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
-import { eventBus } from "@/store/eventBus";
+import { eventBus } from "@/store/eventBus.ts";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 
 export default {

frontend/src/components/prompts/DefaultViewPrefs.vue

@@ -53,7 +53,7 @@
 </template>
 
 <script>
-import { getters, mutations } from "@/store";
+import { getters, mutations } from "@/store/index.ts";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
 

frontend/src/components/prompts/Delete.vue

@@ -71,16 +71,16 @@
 <script setup lang="ts">
 import { computed, onMounted, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
-import { resourcesApi } from "@/api";
-import buttons from "@/utils/buttons";
-import { state, getters, mutations } from "@/store";
-import type { FileListItem } from "@/store/types";
-import { notify } from "@/notify";
+import { resourcesApi } from "@/api/index.js";
+import buttons from "@/utils/buttons.js";
+import { state, getters, mutations } from "@/store/index.ts";
+import type { FileListItem } from "@/store/types.ts";
+import { notify } from "@/notify/index.ts";
 import ListingItem from "@/components/files/ListingItem.vue";
-import { eventBus } from "@/store/eventBus";
+import { eventBus } from "@/store/eventBus.ts";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 import { useListingVirtualization } from "@/composables/useListingVirtualization.ts";
-import url from "@/utils/url";
+import url from "@/utils/url.js";
 import { removeFromFolderLists } from "@/utils/cache/listingCache.ts";
 
 export interface DeleteItem {

frontend/src/components/prompts/Download.vue

@@ -90,10 +90,10 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
-import { getters } from "@/store";
-import { downloadManager } from "@/utils/downloadManager";
-import type { DownloadItem } from "@/utils/downloadManager";
-import { resourcesApi } from "@/api";
+import { getters } from "@/store/index.ts";
+import { downloadManager } from "@/utils/downloadManager.ts";
+import type { DownloadItem } from "@/utils/downloadManager.ts";
+import { resourcesApi } from "@/api/index.js";
 import ProgressBar from "@/components/ProgressBar.vue";
 import { findScrollParents, useListingVirtualization } from "@/composables/useListingVirtualization.ts";
 

frontend/src/components/prompts/EditorSettings.vue

@@ -63,8 +63,8 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
-import { mutations } from "@/store";
-import { editorConfig, saveEditorConfig, resetEditorConfig, type EditorConfig } from "@/utils/editorConfig";
+import { mutations } from "@/store/index.ts";
+import { editorConfig, saveEditorConfig, resetEditorConfig, type EditorConfig } from "@/utils/editorConfig.ts";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
 

frontend/src/components/prompts/EntityPicker.vue

@@ -38,8 +38,8 @@
 </template>
 
 <script>
-import { mutations } from "@/store";
-import { eventBus } from "@/store/eventBus";
+import { mutations } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
 import EntityPickerList from "./EntityPickerList.vue";
 
 export default {

frontend/src/components/prompts/EntityPickerList.vue

@@ -78,9 +78,9 @@
 </template>
 
 <script>
-import { accessApi, usersApi } from "@/api";
-import { eventBus } from "@/store/eventBus";
-import { notify } from "@/notify";
+import { accessApi, usersApi } from "@/api/index.js";
+import { eventBus } from "@/store/eventBus.ts";
+import { notify } from "@/notify/index.ts";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 import { groupNameErrorText } from "@/utils/groups.js";
 

frontend/src/components/prompts/FileListing.vue

@@ -24,7 +24,7 @@
 <script>
 import FileList from "@/components/files/FileList.vue";
 import ListingFilter from "@/components/files/ListingFilter.vue";
-import { mutations } from "@/store";
+import { mutations } from "@/store/index.ts";
 
 export default {
   name: "file-list",

frontend/src/components/prompts/GroupEdit.vue

@@ -49,10 +49,10 @@
 </template>
 
 <script>
-import { accessApi } from "@/api";
-import { mutations } from "@/store";
-import { notify } from "@/notify";
-import { eventBus } from "@/store/eventBus";
+import { accessApi } from "@/api/index.js";
+import { mutations } from "@/store/index.ts";
+import { notify } from "@/notify/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
 import EntityPickerList from "./EntityPickerList.vue";
 import { groupNameErrorText } from "@/utils/groups.js";
 

frontend/src/components/prompts/Help.vue

@@ -181,7 +181,7 @@
 </template>
 
 <script>
-import { mutations } from "@/store"; // Import the mutations
+import { mutations } from "@/store/index.ts"; // Import the mutations
 
 export default {
   name: "help",

frontend/src/components/prompts/IconPicker.vue

@@ -97,8 +97,8 @@
 import {
   materialSymbols,
   getIconClass,
-} from "@/utils/material-symbols";
-import { mutations } from "@/store";
+} from "@/utils/material-symbols.js";
+import { mutations } from "@/store/index.ts";
 
 export default {
   name: "IconPicker",

frontend/src/components/prompts/Info.vue

@@ -153,13 +153,13 @@
 
 </template>
 <script>
-import { getHumanReadableFilesize } from "@/utils/filesizes";
-import { formatTimestamp, fromNow } from "@/utils/moment";
-import { copyToClipboard } from "@/utils/clipboard";
-import { resourcesApi, quotasApi, accessApi } from "@/api";
-import { getters, mutations, state } from "@/store";
-import { notify } from "@/notify";
-import { activityViewerPresets } from "@/utils/activityViewerLink";
+import { getHumanReadableFilesize } from "@/utils/filesizes.js";
+import { formatTimestamp, fromNow } from "@/utils/moment.ts";
+import { copyToClipboard } from "@/utils/clipboard.js";
+import { resourcesApi, quotasApi, accessApi } from "@/api/index.js";
+import { getters, mutations, state } from "@/store/index.ts";
+import { notify } from "@/notify/index.ts";
+import { activityViewerPresets } from "@/utils/activityViewerLink.js";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
 import ActivityViewerButton from "@/components/settings/ActivityViewerButton.vue";
 import SettingsButton from "@/components/settings/SettingsButton.vue";

frontend/src/components/prompts/MediaConversionFormats.vue

@@ -56,10 +56,10 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
-import { mutations } from "@/store";
-import { eventBus } from "@/store/eventBus";
-import { getMediaSettings } from "@/api/settings";
+import { notify } from "@/notify/index.ts";
+import { mutations } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
+import { getMediaSettings } from "@/api/settings.js";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 import {
@@ -67,7 +67,7 @@ import {
   emptyMediaSettings,
   mergeMediaSettings,
   saveMediaSettingsPatch,
-} from "@/utils/mediaSettings";
+} from "@/utils/mediaSettings.js";
 
 export default {
   name: "MediaConversionFormats",

frontend/src/components/prompts/MediaTranscodeSettings.vue

@@ -128,10 +128,10 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
-import { mutations } from "@/store";
-import { eventBus } from "@/store/eventBus";
-import { getMediaSettings } from "@/api/settings";
+import { notify } from "@/notify/index.ts";
+import { mutations } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
+import { getMediaSettings } from "@/api/settings.js";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
@@ -142,7 +142,7 @@ import {
   emptyMediaSettings,
   mergeMediaSettings,
   saveMediaSettingsPatch,
-} from "@/utils/mediaSettings";
+} from "@/utils/mediaSettings.js";
 
 export default {
   name: "MediaTranscodeSettings",

frontend/src/components/prompts/MoveCopy.vue

@@ -79,24 +79,24 @@
 </template>
 
 <script>
-import { mutations, state, getters } from "@/store";
+import { mutations, state, getters } from "@/store/index.ts";
 import FileList from "../files/FileList.vue";
-import { resourcesApi } from "@/api";
-import buttons from "@/utils/buttons";
-import { checkConflict } from "@/utils/upload";
-import { url } from "@/utils";
-import { notify } from "@/notify";
+import { resourcesApi } from "@/api/index.js";
+import buttons from "@/utils/buttons.js";
+import { checkConflict } from "@/utils/upload.ts";
+import { url } from "@/utils/index.ts";
+import { notify } from "@/notify/index.ts";
 import {
   notifyMoveCopyComplete,
   notifyOperationError,
   notifyMoveCopyFailure,
   extractMoveCopyErrorMessage,
-} from "@/utils/appNotifications";
-import { goToItemNotificationButton } from "@/utils/notificationActions";
+} from "@/utils/appNotifications.js";
+import { goToItemNotificationButton } from "@/utils/notificationActions.js";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 import PathPickerButton from "@/components/files/PathPickerButton.vue";
 import ListingFilter from "@/components/files/ListingFilter.vue";
-import { eventBus } from '@/store/eventBus';
+import { eventBus } from "@/store/eventBus.ts";
 import { removeFromFolderLists } from "@/utils/cache/listingCache.ts";
 
 export default {

frontend/src/components/prompts/NewDir.vue

@@ -35,11 +35,11 @@
   </div>
 </template>
 <script>
-import { resourcesApi } from "@/api";
-import { getters, mutations, state } from "@/store"; // Import your custom store
-import { url } from "@/utils";
-import { notify } from "@/notify";
-import { goToItemNotificationButton } from "@/utils/notificationActions";
+import { resourcesApi } from "@/api/index.js";
+import { getters, mutations, state } from "@/store/index.ts"; // Import your custom store
+import { url } from "@/utils/index.ts";
+import { notify } from "@/notify/index.ts";
+import { goToItemNotificationButton } from "@/utils/notificationActions.js";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 export default {
   name: "new-dir",

frontend/src/components/prompts/NewFile.vue

@@ -51,13 +51,13 @@
   </div>
 </template>
 <script>
-import { state } from "@/store";
-import { resourcesApi } from "@/api";
-import { getters, mutations } from "@/store"; // Import your custom store
-import { notify } from "@/notify";
-import { url } from "@/utils";
-import { goToItemNotificationButton } from "@/utils/notificationActions";
-import { getTypeInfoFromExt } from "@/utils/mimetype";
+import { state } from "@/store/index.ts";
+import { resourcesApi } from "@/api/index.js";
+import { getters, mutations } from "@/store/index.ts"; // Import your custom store
+import { notify } from "@/notify/index.ts";
+import { url } from "@/utils/index.ts";
+import { goToItemNotificationButton } from "@/utils/notificationActions.js";
+import { getTypeInfoFromExt } from "@/utils/mimetype.js";
 import { getFileExtension, removePrefix } from '@/utils/files.js';
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 export default {

frontend/src/components/prompts/NewFileTemplate.vue

@@ -89,8 +89,8 @@
 </template>
 
 <script>
-import { getters, mutations } from "@/store";
-import { getTypeInfoFromExt } from "@/utils/mimetype";
+import { getters, mutations } from "@/store/index.ts";
+import { getTypeInfoFromExt } from "@/utils/mimetype.js";
 import { createDragReorder } from "@/utils/dragAndDropReorder.js";
 
 export default {

frontend/src/components/prompts/OfficeDebug.vue

@@ -80,10 +80,10 @@
 </template>
 
 <script>
-import { state, getters } from "@/store";
-import { globalVars } from "@/utils/constants";
-import { officeApi } from "@/api";
-import { events } from "@/notify";
+import { state, getters } from "@/store/index.ts";
+import { globalVars } from "@/utils/constants.js";
+import { officeApi } from "@/api/index.js";
+import { events } from "@/notify/index.ts";
 
 const wikiLink = "https://filebrowserquantum.com/en/docs/integrations/office/troubleshooting/";
 

frontend/src/components/prompts/Password.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import { mutations } from "@/store";
+import { mutations } from "@/store/index.ts";
 
 export default {
   name: "password",

frontend/src/components/prompts/PathPicker.vue

@@ -22,10 +22,10 @@
 </template>
 
 <script>
-import { mutations, getters } from "@/store";
+import { mutations, getters } from "@/store/index.ts";
 import FileList from "../files/FileList.vue";
 import ListingFilter from "@/components/files/ListingFilter.vue";
-import { eventBus } from "@/store/eventBus";
+import { eventBus } from "@/store/eventBus.ts";
 
 export default {
   name: "path-picker",

frontend/src/components/prompts/PlaybackQueue.vue

@@ -125,9 +125,9 @@
 <script setup lang="ts">
 import { computed, nextTick, onMounted, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
-import { state, mutations, getters } from "@/store";
+import { state, mutations, getters } from "@/store/index.ts";
 import type { MediaMetadata } from "@/store/types.ts";
-import { url } from "@/utils";
+import { url } from "@/utils/index.ts";
 import {
   cyclePlaybackModes,
   cycleLoopState,
@@ -140,8 +140,8 @@ import {
   formatArtist
 } from '@/utils/playbackQueue.js';
 import Icon from "@/components/files/Icon.vue";
-import { resourcesApi } from "@/api";
-import { globalVars } from "@/utils/constants";
+import { resourcesApi } from "@/api/index.js";
+import { globalVars } from "@/utils/constants.js";
 import { formatDuration, getTypeFromMime, removeExtension } from "@/utils/files.js";
 import { findScrollParents, useListingVirtualization } from "@/composables/useListingVirtualization.ts";
 import type { VirtualItem } from "@/composables/useListingVirtualization.ts";

frontend/src/components/prompts/Prompts.vue

@@ -139,7 +139,7 @@ import NewFileTemplate from "./NewFileTemplate.vue";
 import DefaultViewPrefs from "./DefaultViewPrefs.vue";
 import MediaConversionFormats from "./MediaConversionFormats.vue";
 import MediaTranscodeSettings from "./MediaTranscodeSettings.vue";
-import { state, getters, mutations } from "@/store";
+import { state, getters, mutations } from "@/store/index.ts";
 import { getObjectProperty, omitObjectProperty, setObjectProperty } from "@/utils/object.js";
 
 export default {

frontend/src/components/prompts/Quota.vue

@@ -53,19 +53,19 @@
 </template>
 
 <script>
-import { mutations, state } from "@/store";
-import { quotasApi } from "@/api";
+import { mutations, state } from "@/store/index.ts";
+import { quotasApi } from "@/api/index.js";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
 import QuotaFolderBar from "@/components/prompts/QuotaFolderBar.vue";
 import ActivityViewerButton from "@/components/settings/ActivityViewerButton.vue";
 import QuotaCustomLimitInput from "@/components/settings/QuotaCustomLimitInput.vue";
-import { activityViewerPresets } from "@/utils/activityViewerLink";
-import { notify } from "@/notify";
+import { activityViewerPresets } from "@/utils/activityViewerLink.js";
+import { notify } from "@/notify/index.ts";
 import {
   bytesFromCustomAmount,
   customAmountFromBytes,
-} from "@/utils/quotaUnits";
+} from "@/utils/quotaUnits.js";
 
 export default {
   name: "Quota",

frontend/src/components/prompts/Rename.vue

@@ -54,13 +54,13 @@
   </div>
 </template>
 <script>
-import { resourcesApi } from "@/api";
-import { mutations, state, getters } from "@/store";
-import { eventBus } from '@/store/eventBus';
-import { notify } from "@/notify";
+import { resourcesApi } from "@/api/index.js";
+import { mutations, state, getters } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
+import { notify } from "@/notify/index.ts";
 import { getFileExtension, removePrefix } from '@/utils/files.js';
-import { getTypeInfo, getTypeInfoFromExt } from "@/utils/mimetype";
-import { url } from "@/utils";
+import { getTypeInfo, getTypeInfoFromExt } from "@/utils/mimetype.js";
+import { url } from "@/utils/index.ts";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 export default {
   name: "rename",

frontend/src/components/prompts/Replace.vue

@@ -24,7 +24,7 @@
   </div>
 </template>
 <script>
-import { getters, mutations } from "@/store"; // Import your custom store
+import { getters, mutations } from "@/store/index.ts"; // Import your custom store
 
 export default {
   name: "replace",

frontend/src/components/prompts/ReplaceRename.vue

@@ -54,7 +54,7 @@
 </template>
 
 <script>
-import { getters, state } from "@/store";
+import { getters, state } from "@/store/index.ts";
 
 export default {
   name: "replace-rename",

frontend/src/components/prompts/RequirePasswordChange.vue

@@ -50,10 +50,10 @@
 </template>
 
 <script>
-import { mutations } from "@/store";
-import { notify } from "@/notify";
-import { authApi } from "@/api";
-import { initAuth } from "@/utils/auth";
+import { mutations } from "@/store/index.ts";
+import { notify } from "@/notify/index.ts";
+import { authApi } from "@/api/index.js";
+import { initAuth } from "@/utils/auth.js";
 import { evaluatePasswordPolicy } from "@/utils/passwordPolicy.js";
 import PasswordRequirementsHint from "@/components/PasswordRequirementsHint.vue";
 

frontend/src/components/prompts/SaveBeforeExit.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import { getters, mutations } from "@/store";
+import { getters, mutations } from "@/store/index.ts";
 
 export default {
   name: "saveBeforeExit",

frontend/src/components/prompts/Share.vue

@@ -183,24 +183,24 @@
   </div>
 </template>
 <script>
-import { notify } from "@/notify";
-import { state, getters, mutations } from "@/store";
-import { shareApi } from "@/api";
-import { copyToClipboard } from "@/utils/clipboard";
-import { fromNowSeconds } from "@/utils/moment";
-import { buildItemUrl } from "@/utils/url";
+import { notify } from "@/notify/index.ts";
+import { state, getters, mutations } from "@/store/index.ts";
+import { shareApi } from "@/api/index.js";
+import { copyToClipboard } from "@/utils/clipboard.js";
+import { fromNowSeconds } from "@/utils/moment.ts";
+import { buildItemUrl } from "@/utils/url.js";
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
 import SettingsTable from "@/components/settings/Table.vue";
 import ActivityViewerButton from "@/components/settings/ActivityViewerButton.vue";
 import ShareOptionsForm from "@/components/share/ShareOptionsForm.vue";
-import { activityViewerPresets } from "@/utils/activityViewerLink";
+import { activityViewerPresets } from "@/utils/activityViewerLink.js";
 import FileList from "../files/FileList.vue";
-import { eventBus } from "@/store/eventBus";
+import { eventBus } from "@/store/eventBus.ts";
 import {
   bytesFromCustomAmount,
   customAmountFromBytes,
-} from "@/utils/quotaUnits";
-import { applyShareDefaultsToForm } from "@/utils/shareDefaultsForm";
+} from "@/utils/quotaUnits.js";
+import { applyShareDefaultsToForm } from "@/utils/shareDefaultsForm.js";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
 //import ViewMode from "@/components/settings/ViewMode.vue";
 

frontend/src/components/prompts/ShareDefaults.vue

@@ -38,17 +38,17 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
-import { mutations } from "@/store";
-import { eventBus } from "@/store/eventBus";
-import { getShareDefaults, patchShareDefaults } from "@/api/settings";
+import { notify } from "@/notify/index.ts";
+import { mutations } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
+import { getShareDefaults, patchShareDefaults } from "@/api/settings.js";
 import ShareOptionsForm from "@/components/share/ShareOptionsForm.vue";
 import {
   emptyShareDefaultsEnforced,
   emptyShareDefaultsValues,
   shareDefaultsFromApi,
   shareDefaultsToApiPayload,
-} from "@/utils/shareDefaultsForm";
+} from "@/utils/shareDefaultsForm.js";
 
 export default {
   name: "share-defaults",

frontend/src/components/prompts/ShareInfo.vue

@@ -34,8 +34,8 @@
 </template>
 
 <script>
-import { state, getters } from "@/store";
-import { getHumanReadableFilesize } from "@/utils/filesizes";
+import { state, getters } from "@/store/index.ts";
+import { getHumanReadableFilesize } from "@/utils/filesizes.js";
 import QrcodeVue from "qrcode.vue";
 
 export default {

frontend/src/components/prompts/SharePicker.vue

@@ -52,11 +52,11 @@
 </template>
 
 <script>
-import { shareApi } from "@/api";
+import { shareApi } from "@/api/index.js";
 import SettingsTable from "@/components/settings/Table.vue";
 import Errors from "@/views/Errors.vue";
-import { mutations } from "@/store";
-import { eventBus } from "@/store/eventBus";
+import { mutations } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
 
 export default {
   name: "share-picker",

frontend/src/components/prompts/SidebarLinkDefaults.vue

@@ -37,9 +37,9 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
-import { mutations } from "@/store";
-import { getSidebarLinkDefaults, patchSidebarLinkDefaults } from "@/api/settings";
+import { notify } from "@/notify/index.ts";
+import { mutations } from "@/store/index.ts";
+import { getSidebarLinkDefaults, patchSidebarLinkDefaults } from "@/api/settings.js";
 import SidebarLinksEditor from "@/components/sidebar/SidebarLinksEditor.vue";
 
 export default {

frontend/src/components/prompts/SidebarLinks.vue

@@ -11,10 +11,10 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
-import { mutations } from "@/store";
-import { shareApi } from "@/api";
-import { eventBus } from "@/store/eventBus";
+import { notify } from "@/notify/index.ts";
+import { mutations } from "@/store/index.ts";
+import { shareApi } from "@/api/index.js";
+import { eventBus } from "@/store/eventBus.ts";
 import SidebarLinksEditor from "@/components/sidebar/SidebarLinksEditor.vue";
 
 export default {

frontend/src/components/prompts/ToolAccessDefaults.vue

@@ -38,9 +38,9 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
-import { mutations } from "@/store";
-import { getToolAccessDefaults, patchToolAccessDefaults } from "@/api/settings";
+import { notify } from "@/notify/index.ts";
+import { mutations } from "@/store/index.ts";
+import { getToolAccessDefaults, patchToolAccessDefaults } from "@/api/settings.js";
 import ToolsAccessEditor from "@/components/tools/ToolsAccessEditor.vue";
 
 export default {

frontend/src/components/prompts/Totp.vue

@@ -35,11 +35,11 @@
 </template>
 
 <script>
-import { mutations } from "@/store";
-import { notify } from "@/notify";
-import { authApi } from "@/api";
-import { initAuth } from "@/utils/auth";
-import { globalVars } from "@/utils/constants";
+import { mutations } from "@/store/index.ts";
+import { notify } from "@/notify/index.ts";
+import { authApi } from "@/api/index.js";
+import { initAuth } from "@/utils/auth.js";
+import { globalVars } from "@/utils/constants.js";
 import QrcodeVue from "qrcode.vue";
 
 export default {

frontend/src/components/prompts/Unarchive.vue

@@ -146,11 +146,11 @@
 </template>
 
 <script>
-import { state, mutations, getters } from "@/store";
-import { url } from "@/utils";
-import { notify } from "@/notify";
-import { resourcesApi } from "@/api";
-import { goToItemNotificationButton } from "@/utils/notificationActions";
+import { state, mutations, getters } from "@/store/index.ts";
+import { url } from "@/utils/index.ts";
+import { notify } from "@/notify/index.ts";
+import { resourcesApi } from "@/api/index.js";
+import { goToItemNotificationButton } from "@/utils/notificationActions.js";
 import FileList from "@/components/files/FileList.vue";
 import LoadingSpinner from "@/components/LoadingSpinner.vue";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";

frontend/src/components/prompts/Upload.vue

@@ -183,11 +183,11 @@
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
-import { readAllDirectoryEntries, uploadManager } from "@/utils/upload";
+import { readAllDirectoryEntries, uploadManager } from "@/utils/upload.ts";
 import type { UploadConflictResolution, UploadEntry, UploadItem, UploadStatus } from "@/utils/upload.ts";
-import { getTypeInfo, getTypeInfoFromExt } from "@/utils/mimetype";
-import { getters, mutations, state } from "@/store";
-import { notify } from "@/notify";
+import { getTypeInfo, getTypeInfoFromExt } from "@/utils/mimetype.js";
+import { getters, mutations, state } from "@/store/index.ts";
+import { notify } from "@/notify/index.ts";
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
 import ProgressBar from "@/components/ProgressBar.vue";
 import SettingsItem from "@/components/settings/SettingsItem.vue";

frontend/src/components/prompts/UserDefaults.vue

@@ -28,8 +28,8 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
-import { getUserDefaults, patchUserDefaults } from "@/api/settings";
+import { notify } from "@/notify/index.ts";
+import { getUserDefaults, patchUserDefaults } from "@/api/settings.js";
 import { getObjectProperty } from "@/utils/object.js";
 import UserProfilePreferences from "@/components/settings/UserProfilePreferences.vue";
 import UserDefaultsAccountSection from "@/components/settings/UserDefaultsAccountSection.vue";

frontend/src/components/prompts/UserEdit.vue

@@ -226,8 +226,8 @@
 </template>
 
 <script>
-import { mutations, state } from "@/store";
-import { usersApi, settingsApi, authApi, accessApi } from "@/api";
+import { mutations, state } from "@/store/index.ts";
+import { usersApi, settingsApi, authApi, accessApi } from "@/api/index.js";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
 import SourceFilePermissions from "@/components/settings/SourceFilePermissions.vue";
 import SettingsItem from "@/components/settings/SettingsItem.vue";
@@ -240,16 +240,16 @@ import PasswordRequirementsHint from "@/components/PasswordRequirementsHint.vue"
 import UserGroupsField from "@/components/settings/UserGroupsField.vue";
 import Errors from "@/views/Errors.vue";
 import { evaluatePasswordPolicy } from "@/utils/passwordPolicy.js";
-import { notify } from "@/notify";
-import { validateLogin } from "@/utils/auth";
-import { globalVars } from "@/utils/constants";
-import { eventBus } from "@/store/eventBus";
+import { notify } from "@/notify/index.ts";
+import { validateLogin } from "@/utils/auth.js";
+import { globalVars } from "@/utils/constants.js";
+import { eventBus } from "@/store/eventBus.ts";
 import { getObjectProperty, setObjectProperty } from "@/utils/object.js";
 import {
   GB,
   bytesFromCustomAmount,
   customAmountFromBytes,
-} from "@/utils/quotaUnits";
+} from "@/utils/quotaUnits.js";
 import {
   sectionsFromFlatUser,
   applySectionsToFlatUser,

frontend/src/components/prompts/UserEditPreferences.vue

@@ -35,7 +35,7 @@
 </template>
 
 <script>
-import { mutations, state } from "@/store";
+import { mutations, state } from "@/store/index.ts";
 import UserDefaultsAccountSection from "@/components/settings/UserDefaultsAccountSection.vue";
 import UserProfilePreferences from "@/components/settings/UserProfilePreferences.vue";
 import {
@@ -43,7 +43,7 @@ import {
   subscribeUserEditSession,
   updateUserEditSession,
   cloneUserEditSessionValue,
-} from "@/utils/userEditSession";
+} from "@/utils/userEditSession.js";
 import {
   sectionsFromFlatUser,
   applySectionsToFlatUser,

frontend/src/components/prompts/UserEditSidebarLinks.vue

@@ -11,12 +11,12 @@
 </template>
 
 <script>
-import { mutations } from "@/store";
+import { mutations } from "@/store/index.ts";
 import SidebarLinksEditor from "@/components/sidebar/SidebarLinksEditor.vue";
 import {
   getUserEditSession,
   updateUserEditSession,
-} from "@/utils/userEditSession";
+} from "@/utils/userEditSession.js";
 
 export default {
   name: "user-edit-sidebar-links",

frontend/src/components/prompts/UserEditTools.vue

@@ -29,15 +29,15 @@
 </template>
 
 <script>
-import { mutations, state } from "@/store";
-import { getToolAccessDefaults } from "@/api/settings";
+import { mutations, state } from "@/store/index.ts";
+import { getToolAccessDefaults } from "@/api/settings.js";
 import ToolsAccessEditor from "@/components/tools/ToolsAccessEditor.vue";
 import {
   getUserEditSession,
   subscribeUserEditSession,
   updateUserEditSession,
-} from "@/utils/userEditSession";
-import { normalizeUserToolAccess } from "@/utils/toolAccess";
+} from "@/utils/userEditSession.js";
+import { normalizeUserToolAccess } from "@/utils/toolAccess.js";
 
 export default {
   name: "user-edit-tools",

frontend/src/components/prompts/VisualizerSettings.vue

@@ -121,7 +121,7 @@
 
 <script>
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
-import { mutations } from "@/store";
+import { mutations } from "@/store/index.ts";
 import { visualizerConfig, saveVisualizerConfig, resetVisualizerConfig } from "@/utils/visualizerConfig.js";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";

frontend/src/components/settings/ActivityViewerButton.vue

@@ -9,7 +9,7 @@
 
 <script>
 import SettingsButton from "@/components/settings/SettingsButton.vue";
-import { navigateActivityViewerHref } from "@/utils/activityViewerLink";
+import { navigateActivityViewerHref } from "@/utils/activityViewerLink.js";
 
 export default {
   name: "ActivityViewerButton",

frontend/src/components/settings/EntityPickerButton.vue

@@ -29,8 +29,8 @@
 </template>
 
 <script>
-import { mutations } from "@/store";
-import { eventBus } from "@/store/eventBus";
+import { mutations } from "@/store/index.ts";
+import { eventBus } from "@/store/eventBus.ts";
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
 
 export default {

frontend/src/components/settings/FloatingActionButton.vue

@@ -42,7 +42,7 @@
 
 <script lang="ts">
 import { reactive } from "vue";
-import { getters } from "@/store/index.js";
+import { getters } from "@/store/index.ts";
 
 const buttonGroup = new Map<string, { visible: boolean; zoneActive: boolean; timer: ReturnType<typeof setTimeout> | null }>();
 

frontend/src/components/settings/PasskeySettings.vue

@@ -27,9 +27,9 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
-import { state } from "@/store";
-import { authApi } from "@/api";
+import { notify } from "@/notify/index.ts";
+import { state } from "@/store/index.ts";
+import { authApi } from "@/api/index.js";
 import { isPasskeyActorPasswordCancelled } from "@/api/auth.js";
 
 export default {

frontend/src/components/settings/UserDefaultsAccountSection.vue

@@ -138,7 +138,7 @@ import SettingsItem from "@/components/settings/SettingsItem.vue";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
 import { getObjectProperty } from "@/utils/object.js";
-import { state } from "@/store";
+import { state } from "@/store/index.ts";
 
 let transcodeInputCounter = 0;
 

frontend/src/components/settings/UserProfilePreferences.vue

@@ -759,13 +759,13 @@
 </template>
 
 <script>
-import { notify } from "@/notify";
+import { notify } from "@/notify/index.ts";
 import { globalVars } from "@/utils/constants.js";
 import {
   hideInteractiveTooltip,
   showHoverTooltip,
 } from "@/utils/tooltipHelp.js";
-import { getters, mutations } from "@/store";
+import { getters, mutations } from "@/store/index.ts";
 import { getObjectProperty, setObjectProperty } from "@/utils/object.js";
 import { normalizeDarkMode } from "@/utils/theme.js";
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";

frontend/src/components/share/ShareOptionsForm.vue

@@ -652,10 +652,10 @@
 </template>
 
 <script>
-import { getters } from "@/store";
+import { getters } from "@/store/index.ts";
 import { getObjectProperty } from "@/utils/object.js";
-import { globalVars } from "@/utils/constants";
-import { bytesFromCustomAmount } from "@/utils/quotaUnits";
+import { globalVars } from "@/utils/constants.js";
+import { bytesFromCustomAmount } from "@/utils/quotaUnits.js";
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
 import SettingsItem from "@/components/settings/SettingsItem.vue";

frontend/src/components/sidebar/General.vue

@@ -71,17 +71,17 @@
 </template>
 
 <script>
-import { logout } from "@/utils/auth";
-import { globalVars } from "@/utils/constants";
-import { state, getters, mutations } from "@/store";
+import { logout } from "@/utils/auth.js";
+import { globalVars } from "@/utils/constants.js";
+import { state, getters, mutations } from "@/store/index.ts";
 import {
   hideInteractiveTooltip,
   showHoverTooltip,
 } from "@/utils/tooltipHelp.js";
 import SidebarLinks from "./Links.vue";
-import { url } from "@/utils";
+import { url } from "@/utils/index.ts";
 import { normalizeDarkMode } from "@/utils/theme.js";
-import { collapseEnter, collapseLeave } from "@/utils/transitions";
+import { collapseEnter, collapseLeave } from "@/utils/transitions.ts";
 
 export default {
   name: "SidebarGeneral",

frontend/src/components/sidebar/Links.vue

@@ -157,7 +157,7 @@
 
 <script>
 import HelpTooltipIcon from "@/components/HelpTooltipIcon.vue";
-import { state, getters, mutations } from "@/store";
+import { state, getters, mutations } from "@/store/index.ts";
 import {
   hideInteractiveTooltip,
   onComponentTooltipClick,
@@ -167,18 +167,18 @@ import {
   useTapForTooltip,
 } from "@/utils/tooltipHelp.js";
 import ProgressBar from "@/components/ProgressBar.vue";
-import { goToItem } from "@/utils/url";
-import { getIconClass } from "@/utils/material-symbols";
-import { baseSidebarCategory, isRootOnlySidebarCategory, isSourceSidebarCategory } from "@/utils/sidebarCategory";
+import { goToItem } from "@/utils/url.js";
+import { getIconClass } from "@/utils/material-symbols.js";
+import { baseSidebarCategory, isRootOnlySidebarCategory, isSourceSidebarCategory } from "@/utils/sidebarCategory.ts";
 import { getObjectProperty } from '@/utils/object.js';
 import IndexInfo from "@/components/files/IndexInfo.vue";
-import { globalVars } from "@/utils/constants";
-import { availableTools, hasToolAccess, toolIdFromPath } from "@/utils/toolAccess";
+import { globalVars } from "@/utils/constants.js";
+import { availableTools, hasToolAccess, toolIdFromPath } from "@/utils/toolAccess.js";
 import { showShareDownloadPrompt } from "@/utils/download.js";
 import ShareInfo from "@/components/files/ShareInfo.vue";
 import FileTree from '@/components/files/FileTree.vue';
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
-import { slideEnter, slideLeave } from "@/utils/transitions";
+import { slideEnter, slideLeave } from "@/utils/transitions.ts";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
 export default {
   name: "SidebarLinks",

frontend/src/components/sidebar/Settings.vue

@@ -88,11 +88,11 @@
 </template>
 
 <script>
-import { state, getters, mutations } from "@/store";
+import { state, getters, mutations } from "@/store/index.ts";
 import { getObjectProperty } from '@/utils/object.js';
-import { settings } from "@/utils/constants";
-import { router } from "@/router";
-import { collapseEnter, collapseLeave } from "@/utils/transitions";
+import { settings } from "@/utils/constants.js";
+import { router } from "@/router/index.ts";
+import { collapseEnter, collapseLeave } from "@/utils/transitions.ts";
 
 export default {
   name: "SidebarSettings",

frontend/src/components/sidebar/Sidebar.vue

@@ -51,9 +51,9 @@
 </template>
 
 <script>
-import { globalVars } from "@/utils/constants";
-import { getters, mutations, state } from "@/store"; // Import your custom store
-import { installAvailable, promptInstall } from "@/utils/pwaInstall";
+import { globalVars } from "@/utils/constants.js";
+import { getters, mutations, state } from "@/store/index.ts"; // Import your custom store
+import { installAvailable, promptInstall } from "@/utils/pwaInstall.js";
 import SidebarGeneral from "./General.vue";
 import SidebarSettings from "./Settings.vue";
 

frontend/src/components/sidebar/SidebarLinksEditor.vue

@@ -420,11 +420,11 @@
 </template>
 
 <script>
-import { state, getters, mutations } from "@/store";
-import { notify } from "@/notify";
-import { shareApi } from "@/api";
-import { availableTools } from "@/utils/toolAccess";
-import { getIconClass } from "@/utils/material-symbols";
+import { state, getters, mutations } from "@/store/index.ts";
+import { notify } from "@/notify/index.ts";
+import { shareApi } from "@/api/index.js";
+import { availableTools } from "@/utils/toolAccess.js";
+import { getIconClass } from "@/utils/material-symbols.js";
 import FileList from "../files/FileList.vue";
 import ToggleSwitch from "@/components/settings/ToggleSwitch.vue";
 import ExpandDropdown from "@/components/settings/ExpandDropdown.vue";
@@ -437,7 +437,7 @@ import {
   isRootOnlySidebarCategory,
   isSourceSidebarCategory,
   withRootOnlySuffix,
-} from "@/utils/sidebarCategory";
+} from "@/utils/sidebarCategory.ts";
 
 export default {
   name: "SidebarLinksEditor",

frontend/src/components/tools/ActivityDetailsInfo.vue

@@ -11,7 +11,7 @@
 
 <script>
 import SettingsTable from "@/components/settings/Table.vue";
-import { buildActivityDetailRows } from "@/utils/activityDetails";
+import { buildActivityDetailRows } from "@/utils/activityDetails.js";
 
 export default {
   name: "ActivityDetailsInfo",