Convert all store files from JavaScript to TypeScript

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/AccountMenu/AcctMenu.vue

@@ -36,8 +36,8 @@ import i18next from '@/i18n/i18n';
 import { useRouter } from 'vue-router';
 import { useLoginStore } from '@/stores/login';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
 import { leaveFilter, leaveConformance } from '@/module/alertModal.js';
 
 export default {

src/components/Compare/SidebarStates.vue

@@ -147,7 +147,7 @@
   </Sidebar>
 </template>
 <script>
-import { useCompareStore } from '@/stores/compare.js';
+import { useCompareStore } from '@/stores/compare';
 import { getTimeLabel } from '@/module/timeLabel.js';
 import getMoment from 'moment';
 

src/components/Discover/Conformance/ConformanceResults.vue

@@ -193,7 +193,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 import iconNA from '@/components/icons/IconNA.vue';
 import MoreModal from './MoreModal.vue';
 import getNumberLabel from '@/module/numberLabel.js';

src/components/Discover/Conformance/ConformanceSidebar.vue

@@ -125,8 +125,8 @@
 import { storeToRefs, mapState, mapActions, } from 'pinia';
 import i18next from '@/i18n/i18n';
 import { useConformanceInputStore } from '@/stores/conformanceInput';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useConformanceStore } from '@/stores/conformance';
 import ConformanceRadioGroup from './ConformanceSidebar/ConformanceRadioGroup.vue';
 import ConformanceShowBar from './ConformanceSidebar/ConformanceShowBar.vue';
 import ConformanceTimeRange from './ConformanceSidebar/ConformanceTimeRange.vue';

src/components/Discover/Conformance/ConformanceSidebar/ConformanceRadioGroup.vue

@@ -52,7 +52,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 
 export default {
   setup() {

src/components/Discover/Conformance/ConformanceSidebar/ConformanceSelectResult.vue

@@ -30,7 +30,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 import ResultCheck from '@/components/Discover/Conformance/ConformanceSidebar/ResultCheck.vue';
 import ResultArrow from '@/components/Discover/Conformance/ConformanceSidebar/ResultArrow.vue';
 import ResultDot from '@/components/Discover/Conformance/ConformanceSidebar/ResultDot.vue';

src/components/Discover/Conformance/ConformanceSidebar/ConformanceShowBar.vue

@@ -99,8 +99,8 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useConformanceStore } from '@/stores/conformance';
 import ActList from './ActList.vue';
 import ActRadio from './ActRadio.vue';
 import ActSeqDrag from './ActSeqDrag.vue';

src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue

@@ -70,7 +70,7 @@
 <script>
 import TimeRangeDuration from '@/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue';
 import { storeToRefs } from 'pinia';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 
 export default {
   setup() {

src/components/Discover/Conformance/MoreModal.vue

@@ -63,7 +63,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
 
 export default {

src/components/Discover/Map/Filter/Attributes.vue

@@ -121,7 +121,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { setLineChartData } from '@/module/setChartData.js';
 import getMoment from 'moment';
 import InputNumber from 'primevue/inputnumber';

src/components/Discover/Map/Filter/Funnel.vue

@@ -40,8 +40,8 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { delaySecond, } from '@/utils/timeUtil.js';
 
 export default {

src/components/Discover/Map/Filter/Timeframes.vue

@@ -32,7 +32,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { Chart, registerables } from 'chart.js';
 import 'chartjs-adapter-moment';
 import getMoment from 'moment';

src/components/Discover/Map/Filter/Trace.vue

@@ -70,8 +70,8 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useLoadingStore } from '@/stores/loading.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useLoadingStore } from '@/stores/loading';
 import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
 
 export default {

src/components/Discover/Map/SidebarFilter.vue

@@ -98,8 +98,8 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import ActOccCase from '@/components/Discover/Map/Filter/ActOccCase.vue';
 import ActOcc from '@/components/Discover/Map/Filter/ActOcc.vue';
 import ActAndSeq from '@/components/Discover/Map/Filter/ActAndSeq.vue';

src/components/Discover/Map/SidebarTraces.vue

@@ -61,8 +61,8 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
 
 export default {

src/components/Discover/StatusBar.vue

@@ -80,7 +80,7 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { getTimeLabel } from '@/module/timeLabel.js';
 import getMoment from 'moment';
 

src/components/File/UploadModal.vue

@@ -18,7 +18,7 @@
 import IconUploarding from '../icons/IconUploarding.vue';
 import { uploadFailedFirst } from '@/module/alertModal.js'
 import { storeToRefs } from 'pinia';
-import { useFilesStore } from '@/stores/files.js';
+import { useFilesStore } from '@/stores/files';
 
 export default {
   props: ['uploadModal'],

src/components/Header.vue

@@ -26,8 +26,8 @@ import i18next from '@/i18n/i18n';
 import { useLoginStore } from '@/stores/login';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
 import DspLogo from '@/components/icons/DspLogo.vue';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
 import { leaveFilter, leaveConformance } from '@/module/alertModal.js';
 
 export default {

src/components/Navbar.vue

@@ -46,10 +46,10 @@
 </template>
 <script>
 import { storeToRefs, mapState, mapActions, } from 'pinia';
-import { useFilesStore } from '@/stores/files.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
-import { usePageAdminStore } from '@/stores/pageAdmin.js';
+import { useFilesStore } from '@/stores/files';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
+import { usePageAdminStore } from '@/stores/pageAdmin';
 import { useMapCompareStore } from '@/stores/mapCompareStore';
 import IconSearch from '@/components/icons/IconSearch.vue';
 import IconSetting from '@/components/icons/IconSetting.vue';

src/main.ts

@@ -2,7 +2,7 @@ import { createApp, markRaw } from "vue";
 
 import App from "./App.vue";
 import router from "./router";
-import pinia from '@/stores/main.js';
+import pinia from '@/stores/main';
 import moment from 'moment';
 import mitt from 'mitt';
 import ToastPlugin from 'vue-toast-notification';

src/module/alertModal.js

@@ -1,9 +1,9 @@
 import Swal from 'sweetalert2';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
-import { useFilesStore } from '@/stores/files.js';
-import { usePageAdminStore } from '@/stores/pageAdmin.js';
-import { useModalStore } from '@/stores/modal.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
+import { useFilesStore } from '@/stores/files';
+import { usePageAdminStore } from '@/stores/pageAdmin';
+import { useModalStore } from '@/stores/modal';
 import { escapeHtml } from '@/utils/escapeHtml.js';
 
 const customClass = {

src/module/apiError.js

@@ -1,4 +1,4 @@
-import { useLoadingStore } from '@/stores/loading.js';
+import { useLoadingStore } from '@/stores/loading';
 import {useToast} from 'vue-toast-notification';
 import 'vue-toast-notification/dist/theme-sugar.css';
 

src/stores/files.ts

@@ -4,7 +4,7 @@ import moment from 'moment';
 import apiError from '@/module/apiError.js';
 import Swal from 'sweetalert2';
 import { uploadFailedFirst, uploadFailedSecond, uploadloader, uploadSuccess, deleteSuccess } from '@/module/alertModal.js';
-import { useLoadingStore } from '@/stores/loading.js';
+import { useLoadingStore } from '@/stores/loading';
 
 export const useFilesStore = defineStore('filesStore', {
   state: () => ({

src/stores/mapCompareStore.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { INSIGHTS_FIELDS_AND_LABELS } from '@/constants/constants';
 import ImgCapsuleGlow1 from '@/assets/capsule1-glow.svg';
 import ImgCapsuleGlow2 from '@/assets/capsule2-glow.svg';

src/stores/mapPathStore.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { INSIGHTS_FIELDS_AND_LABELS } from '@/constants/constants';
 import ImgCapsuleGlow1 from '@/assets/capsule1-glow.svg';
 import ImgCapsuleGlow2 from '@/assets/capsule2-glow.svg';

src/views/AccountManagement/AccountAdmin/AccountAdmin.vue

@@ -115,8 +115,8 @@
 <script>
 import { ref, computed, onMounted, watch, } from 'vue';
 import { mapState, mapActions, } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useModalStore } from '@/stores/modal.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useModalStore } from '@/stores/modal';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
 import { useLoginStore } from '@/stores/login';
 import SearchBar from '../../../components/AccountMenu/SearchBar.vue';

src/views/AccountManagement/ModalAccountEditCreate.vue

@@ -185,7 +185,7 @@
 import { defineComponent, computed, ref, watch, onMounted, } from 'vue';
 import i18next from "@/i18n/i18n.js";
 import { mapActions, } from 'pinia';
-import { useModalStore } from '@/stores/modal.js';
+import { useModalStore } from '@/stores/modal';
 import { useRouter } from 'vue-router';
 import { useToast } from 'vue-toast-notification';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';

src/views/AccountManagement/ModalContainer.vue

@@ -12,7 +12,7 @@
   
   <script>
   import { computed, } from 'vue';
-  import { useModalStore } from '@/stores/modal.js';
+  import { useModalStore } from '@/stores/modal';
   import ModalAccountEditCreate from './ModalAccountEditCreate.vue';
   import ModalAccountInfo from './ModalAccountInfo.vue';
   import ModalDeleteAlert from './ModalDeleteAlert.vue';

src/views/AccountManagement/ModalDeleteAlert.vue

@@ -29,7 +29,7 @@
 
 <script>
 import { defineComponent, } from 'vue';
-import { useModalStore } from '@/stores/modal.js';
+import { useModalStore } from '@/stores/modal';
 import { useRouter } from 'vue-router';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
 import i18next from '@/i18n/i18n.js';

src/views/AccountManagement/ModalHeader.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import { useModalStore } from '@/stores/modal.js';
+import { useModalStore } from '@/stores/modal';
 export default {
     props: {
         headerText: {

src/views/AccountManagement/MyAccount.vue

@@ -120,7 +120,7 @@ import i18next from '@/i18n/i18n.js';
 import { useLoginStore } from '@/stores/login';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
 import Badge from '../../components/Badge.vue';
-import { useLoadingStore } from '@/stores/loading.js';
+import { useLoadingStore } from '@/stores/loading';
 import Button from '@/components/Button.vue';
 import ButtonFilled from '@/components/ButtonFilled.vue';
 import { useToast } from 'vue-toast-notification';

src/views/Compare/Dashboard/Compare.vue

@@ -152,8 +152,8 @@
 <script>
 import { storeToRefs } from 'pinia';
 import moment from 'moment';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useCompareStore } from '@/stores/compare.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useCompareStore } from '@/stores/compare';
 import SidebarStates from '@/components/Compare/SidebarStates.vue';
 import { setLineChartData } from '@/module/setChartData.js';
 import { simpleTimeLabel, followTimeLabel,

src/views/Compare/MapCompare.vue

@@ -56,9 +56,9 @@
   import { onBeforeMount, computed, } from 'vue';
   import { storeToRefs } from 'pinia';
   import { useRoute } from 'vue-router';
-  import { useLoadingStore } from '@/stores/loading.js';
-  import { useAllMapDataStore } from '@/stores/allMapData.js';
-  import { useConformanceStore } from '@/stores/conformance.js';
+  import { useLoadingStore } from '@/stores/loading';
+  import { useAllMapDataStore } from '@/stores/allMapData';
+  import { useConformanceStore } from '@/stores/conformance';
   import cytoscapeMap from '@/module/cytoscapeMap.js';
   import { useCytoscapeStore } from '@/stores/cytoscapeStore';
   import { useMapPathStore } from '@/stores/mapPathStore';

src/views/Discover/Conformance/index.vue

@@ -9,8 +9,8 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useConformanceStore } from '@/stores/conformance';
 import StatusBar from '@/components/Discover/StatusBar.vue';
 import ConformanceResults from '@/components/Discover/Conformance/ConformanceResults.vue';
 import ConformanceSidebar from '@/components/Discover/Conformance/ConformanceSidebar.vue';

src/views/Discover/Map/Map.vue

@@ -64,9 +64,9 @@
 import { onBeforeMount, computed, } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useRoute } from 'vue-router';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
 import cytoscapeMap from '@/module/cytoscapeMap.js';
 import { useCytoscapeStore } from '@/stores/cytoscapeStore';
 import { useMapPathStore } from '@/stores/mapPathStore';

src/views/Discover/Performance/index.vue

@@ -138,9 +138,9 @@
 <script>
 import { storeToRefs, mapActions, } from 'pinia';
 import moment from 'moment';
-import { useLoadingStore } from '@/stores/loading.js';
-import { usePerformanceStore } from '@/stores/performance.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { usePerformanceStore } from '@/stores/performance';
+import { useConformanceStore } from '@/stores/conformance';
 import StatusBar from '@/components/Discover/StatusBar.vue';
 import { setLineChartData } from '@/module/setChartData.js';
 import { simpleTimeLabel, followTimeLabel,

src/views/Files/Files.vue

@@ -224,10 +224,10 @@
   import { storeToRefs, mapActions, } from 'pinia';
   import { useMapCompareStore } from '@/stores/mapCompareStore';
   import { useLoginStore } from '@/stores/login';
-  import { useFilesStore } from '@/stores/files.js';
-  import { useAllMapDataStore } from '@/stores/allMapData.js';
-  import { usePageAdminStore } from '@/stores/pageAdmin.js';
-  import { useLoadingStore } from '@/stores/loading.js';
+  import { useFilesStore } from '@/stores/files';
+  import { useAllMapDataStore } from '@/stores/allMapData';
+  import { usePageAdminStore } from '@/stores/pageAdmin';
+  import { useLoadingStore } from '@/stores/loading';
   import IconDataFormat from '@/components/icons/IconDataFormat.vue';
   import IconRule from '@/components/icons/IconRule.vue';
   import IconsFilter from '@/components/icons/IconsFilter.vue';

src/views/MainContainer.vue

@@ -14,14 +14,14 @@
 import { onBeforeMount, } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs, mapActions, mapState, } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
 import Header from "@/components/Header.vue";
 import Navbar from "@/components/Navbar.vue";
 import Loading from '@/components/Loading.vue';
 import { leaveFilter, leaveConformance } from '@/module/alertModal.js';
-import { usePageAdminStore } from '@/stores/pageAdmin.js';
+import { usePageAdminStore } from '@/stores/pageAdmin';
 import { useLoginStore } from "@/stores/login";
 import { getCookie, setCookie } from "@/utils/cookieUtil.js";
 import ModalContainer from './AccountManagement/ModalContainer.vue';

src/views/Upload/index.vue

@@ -79,8 +79,8 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useFilesStore } from '@/stores/files.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useFilesStore } from '@/stores/files';
 import { uploadFailedFirst, uploadSuccess, uploadConfirm } from '@/module/alertModal.js'
 
 export default {

tests/components/Login.test.js

@@ -7,7 +7,7 @@ vi.mock('@/module/apiError.js', () => ({
 }));
 
 import Login from '@/views/Login/Login.vue';
-import { useLoginStore } from '@/stores/login.ts';
+import { useLoginStore } from '@/stores/login';
 
 describe('Login', () => {
   let pinia;

tests/components/ModalHeader.test.js

@@ -2,7 +2,7 @@ import { describe, it, expect, beforeEach, vi } from 'vitest';
 import { mount } from '@vue/test-utils';
 import { setActivePinia, createPinia } from 'pinia';
 import ModalHeader from '@/views/AccountManagement/ModalHeader.vue';
-import { useModalStore } from '@/stores/modal.js';
+import { useModalStore } from '@/stores/modal';
 
 describe('ModalHeader', () => {
   let pinia;

tests/stores/acctMgmt.test.js

@@ -13,7 +13,7 @@ vi.mock('@/api/client.js', () => ({
 }));
 
 // Mock login store to avoid its side effects
-vi.mock('@/stores/login.ts', () => {
+vi.mock('@/stores/login', () => {
   const { defineStore } = require('pinia');
   return {
     useLoginStore: defineStore('loginStore', {
@@ -27,7 +27,7 @@ vi.mock('@/stores/login.ts', () => {
   };
 });
 
-import { useAcctMgmtStore } from '@/stores/acctMgmt.ts';
+import { useAcctMgmtStore } from '@/stores/acctMgmt';
 
 describe('acctMgmtStore', () => {
   let store;

tests/stores/allMapData.test.js

@@ -12,7 +12,7 @@ vi.mock('@/api/client.js', () => ({
   default: { get: mockGet, post: mockPost, put: mockPut },
 }));
 
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 
 describe('allMapDataStore', () => {
   let store;

tests/stores/compare.test.js

@@ -10,7 +10,7 @@ vi.mock('@/api/client.js', () => ({
   default: { get: mockGet },
 }));
 
-import { useCompareStore } from '@/stores/compare.js';
+import { useCompareStore } from '@/stores/compare';
 
 describe('compareStore', () => {
   let store;

tests/stores/conformance.test.js

@@ -13,7 +13,7 @@ vi.mock('@/api/client.js', () => ({
 }));
 
 import apiError from '@/module/apiError.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 
 describe('conformanceStore', () => {
   let store;

tests/stores/conformanceInput.test.js

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { setActivePinia, createPinia } from 'pinia';
-import { useConformanceInputStore } from '@/stores/conformanceInput.js';
+import { useConformanceInputStore } from '@/stores/conformanceInput';
 
 describe('conformanceInputStore', () => {
   let store;

tests/stores/cytoscapeStore.test.js

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach, vi } from 'vitest';
 import { setActivePinia, createPinia } from 'pinia';
-import { useCytoscapeStore } from '@/stores/cytoscapeStore.ts';
+import { useCytoscapeStore } from '@/stores/cytoscapeStore';
 import { SAVE_KEY_NAME } from '@/constants/constants.js';
 
 // Mock localStorage since jsdom's localStorage is limited

tests/stores/files.test.js

@@ -28,7 +28,7 @@ vi.mock('@/api/client.js', () => ({
   default: { get: mockGet, post: mockPost, put: mockPut, delete: mockDelete },
 }));
 
-import { useFilesStore } from '@/stores/files.js';
+import { useFilesStore } from '@/stores/files';
 
 describe('filesStore', () => {
   let store;

tests/stores/loading.test.js

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { setActivePinia, createPinia } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
+import { useLoadingStore } from '@/stores/loading';
 
 describe('loadingStore', () => {
   let store;

tests/stores/login.test.js

@@ -13,7 +13,7 @@ vi.mock('@/api/client.js', () => ({
   default: { get: mockClientGet },
 }));
 
-import { useLoginStore } from '@/stores/login.ts';
+import { useLoginStore } from '@/stores/login';
 
 // Mock axios methods (used for signIn/refreshToken which call plain axios)
 vi.spyOn(axios, 'post').mockImplementation(vi.fn());

tests/stores/mapCompareStore.test.js

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { setActivePinia, createPinia } from 'pinia';
-import { useMapCompareStore } from '@/stores/mapCompareStore.ts';
+import { useMapCompareStore } from '@/stores/mapCompareStore';
 
 describe('mapCompareStore', () => {
   let store;

tests/stores/mapPathStore.test.js

@@ -2,7 +2,7 @@ import { describe, it, expect, beforeEach, vi } from 'vitest';
 import { setActivePinia, createPinia } from 'pinia';
 
 // Mock allMapData store (used by createInsightWithPath / createPaths)
-vi.mock('@/stores/allMapData.js', () => ({
+vi.mock('@/stores/allMapData', () => ({
   default: () => ({ insights: {} }),
 }));
 
@@ -16,7 +16,7 @@ vi.mock('@/assets/capsule2.svg', () => ({ default: 'cap2' }));
 vi.mock('@/assets/capsule3.svg', () => ({ default: 'cap3' }));
 vi.mock('@/assets/capsule4.svg', () => ({ default: 'cap4' }));
 
-import { useMapPathStore } from '@/stores/mapPathStore.ts';
+import { useMapPathStore } from '@/stores/mapPathStore';
 
 /**
  * Creates a mock Cytoscape node.

tests/stores/modal.test.js

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { setActivePinia, createPinia } from 'pinia';
-import { useModalStore } from '@/stores/modal.js';
+import { useModalStore } from '@/stores/modal';
 import { MODAL_ACCT_INFO, MODAL_DELETE } from '@/constants/constants.js';
 
 describe('modalStore', () => {

tests/stores/pageAdmin.test.js

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { setActivePinia, createPinia } from 'pinia';
-import { usePageAdminStore } from '@/stores/pageAdmin.js';
+import { usePageAdminStore } from '@/stores/pageAdmin';
 
 describe('pageAdminStore', () => {
   let store;

tests/stores/performance.test.js

@@ -10,7 +10,7 @@ vi.mock('@/api/client.js', () => ({
   default: { get: mockGet },
 }));
 
-import { usePerformanceStore } from '@/stores/performance.js';
+import { usePerformanceStore } from '@/stores/performance';
 
 describe('performanceStore', () => {
   let store;

tests/views/MainContainerGuard.test.js

@@ -2,16 +2,16 @@ import { describe, it, expect, beforeEach, vi } from 'vitest';
 import { setActivePinia, createPinia } from 'pinia';
 
 // Mock all heavy imports that MainContainer.vue pulls in
-vi.mock('@/stores/loading.js', () => ({
+vi.mock('@/stores/loading', () => ({
   useLoadingStore: () => ({ isLoading: false }),
 }));
-vi.mock('@/stores/allMapData.js', () => ({
+vi.mock('@/stores/allMapData', () => ({
   useAllMapDataStore: () => ({}),
 }));
-vi.mock('@/stores/conformance.js', () => ({
+vi.mock('@/stores/conformance', () => ({
   useConformanceStore: () => ({}),
 }));
-vi.mock('@/stores/pageAdmin.js', () => ({
+vi.mock('@/stores/pageAdmin', () => ({
   usePageAdminStore: () => ({}),
 }));
 vi.mock('@/module/alertModal.js', () => ({
@@ -26,7 +26,7 @@ vi.mock('@/router/index.ts', () => ({
 }));
 vi.mock('@/module/cytoscapeMap.js', () => ({}));
 
-import { useLoginStore } from '@/stores/login.ts';
+import { useLoginStore } from '@/stores/login';
 import * as cookieUtil from '@/utils/cookieUtil.js';
 
 // Import the component definition to access beforeRouteEnter