Standardize store exports to named useXxxStore convention

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

src/components/AccountMenu/AcctMenu.vue

@@ -34,20 +34,20 @@ import { computed, onMounted, ref, } from 'vue';
 import { mapActions, mapState, storeToRefs } from 'pinia';
 import i18next from '@/i18n/i18n';
 import { useRouter } from 'vue-router';
-import LoginStore from '@/stores/login';
-import AcctMgmtStore from '@/stores/acctMgmt';
-import AllMapDataStore from '@/stores/allMapData.js';
-import ConformanceStore from '@/stores/conformance.js';
+import { useLoginStore } from '@/stores/login';
+import { useAcctMgmtStore } from '@/stores/acctMgmt';
+import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 import { leaveFilter, leaveConformance } from '@/module/alertModal.js';
 
 export default {
   setup() {
-    const { logOut } = LoginStore();
-    const loginStore = LoginStore();
+    const { logOut } = useLoginStore();
+    const loginStore = useLoginStore();
     const router = useRouter();
-    const allMapDataStore = AllMapDataStore();
-    const conformanceStore = ConformanceStore();
-    const acctMgmtStore = AcctMgmtStore();
+    const allMapDataStore = useAllMapDataStore();
+    const conformanceStore = useConformanceStore();
+    const acctMgmtStore = useAcctMgmtStore();
     const { tempFilterId } = storeToRefs(allMapDataStore);
     const { conformanceLogTempCheckId } = storeToRefs(conformanceStore);
 
@@ -89,8 +89,8 @@ export default {
     }
   },
   computed: {
-    ...mapState(LoginStore, ['userData']),
-    ...mapState(AcctMgmtStore, ['isAcctMenuOpen']),
+    ...mapState(useLoginStore, ['userData']),
+    ...mapState(useAcctMgmtStore, ['isAcctMenuOpen']),
   },
   methods: {
     clickOtherPlacesThenCloseMenu(){
@@ -119,8 +119,8 @@ export default {
         this.logOut();
       }
     },
-    ...mapActions(LoginStore, ['getUserData']),
-    ...mapActions(AcctMgmtStore, ['closeAcctMenu']),
+    ...mapActions(useLoginStore, ['getUserData']),
+    ...mapActions(useAcctMgmtStore, ['closeAcctMenu']),
   },
   created() {
     this.getUserData();

src/components/Compare/SidebarStates.vue

@@ -147,13 +147,13 @@
   </Sidebar>
 </template>
 <script>
-import CompareStore from '@/stores/compare.js';
+import { useCompareStore } from '@/stores/compare.js';
 import { getTimeLabel } from '@/module/timeLabel.js';
 import getMoment from 'moment';
 
 export default {
   setup() {
-    const compareStore = CompareStore();
+    const compareStore = useCompareStore();
 
     return { compareStore };
   },

src/components/Discover/Conformance/ConformanceResults.vue

@@ -193,7 +193,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import ConformanceStore from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 import iconNA from '@/components/icons/IconNA.vue';
 import MoreModal from './MoreModal.vue';
 import getNumberLabel from '@/module/numberLabel.js';
@@ -203,7 +203,7 @@ import getMoment from 'moment';
 
 export default {
   setup() {
-    const conformanceStore = ConformanceStore();
+    const conformanceStore = useConformanceStore();
     const { conformanceTempReportData, issueTraces, taskSeq, cases, loopTraces, loopTaskSeq, loopCases } = storeToRefs(conformanceStore);
 
     return { conformanceTempReportData, issueTraces, taskSeq, cases, loopTraces, loopTaskSeq, loopCases, conformanceStore }

src/components/Discover/Conformance/ConformanceSidebar.vue

@@ -124,9 +124,9 @@
 <script>
 import { storeToRefs, mapState, mapActions, } from 'pinia';
 import i18next from '@/i18n/i18n';
-import ConformanceInputStore from '@/stores/conformanceInput';
-import LoadingStore from '@/stores/loading.js';
-import ConformanceStore from '@/stores/conformance.js';
+import { useConformanceInputStore } from '@/stores/conformanceInput';
+import { useLoadingStore } from '@/stores/loading.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 import ConformanceRadioGroup from './ConformanceSidebar/ConformanceRadioGroup.vue';
 import ConformanceShowBar from './ConformanceSidebar/ConformanceShowBar.vue';
 import ConformanceTimeRange from './ConformanceSidebar/ConformanceTimeRange.vue';
@@ -134,8 +134,8 @@ import ConformanceSelectResult from './ConformanceSidebar/ConformanceSelectResul
 
 export default {
   setup() {
-    const loadingStore = LoadingStore();
-    const conformanceStore = ConformanceStore();
+    const loadingStore = useLoadingStore();
+    const conformanceStore = useConformanceStore();
     const { isLoading } = storeToRefs(loadingStore);
     const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope,
       selectedActSeqMore, selectedActSeqFromTo, conformanceAllTasks, cfmPtEteWhole,
@@ -325,7 +325,7 @@ export default {
         this.isMainBtnDisabled = disabledBool;
         return this.isMainBtnDisabled;
     },
-    ...mapState(ConformanceInputStore, ['activityRadioData']),
+    ...mapState(useConformanceInputStore, ['activityRadioData']),
   },
   watch: {
     isSubmittedData: function(newValue) {
@@ -1452,7 +1452,7 @@ export default {
             ? !(start && end)
             : start !== end;
     },
-   ...mapActions(ConformanceInputStore, [''])
+   ...mapActions(useConformanceInputStore, [''])
   },
   created() {
     this.isShowBarOpen = !(this.conformanceLogCreateCheckId || this.conformanceFilterCreateCheckId);

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

@@ -11,7 +11,7 @@
 </template>
 <script>
 import { mapActions, } from 'pinia';
-import ConformanceInputStore from "@/stores/conformanceInput";
+import { useConformanceInputStore } from "@/stores/conformanceInput";
 import { sortNumEngZhtw } from '@/module/sortNumEngZhtw.js';
 
 export default {
@@ -58,7 +58,7 @@ export default {
       //this.title: value might be "From" or "To"
       this.setActivityRadioStartEndData(this.inputActivityRadioData.task, this.title);
     },
-    ...mapActions(ConformanceInputStore, ['setActivityRadioStartEndData']),
+    ...mapActions(useConformanceInputStore, ['setActivityRadioStartEndData']),
   },
   created() {
     sortNumEngZhtw(this.sortData);

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

@@ -52,11 +52,11 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import ConformanceStore from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 
 export default {
   setup() {
-    const conformanceStore = ConformanceStore();
+    const conformanceStore = useConformanceStore();
     const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo } = storeToRefs(conformanceStore);
 
     return { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo }

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

@@ -30,14 +30,14 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import ConformanceStore from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 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';
 
 export default {
   setup() {
-    const conformanceStore = ConformanceStore();
+    const conformanceStore = useConformanceStore();
     const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, isStartSelected, isEndSelected } = storeToRefs(conformanceStore);
 
     return { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, isStartSelected, isEndSelected }

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

@@ -99,16 +99,16 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import LoadingStore from '@/stores/loading.js';
-import ConformanceStore from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 import ActList from './ActList.vue';
 import ActRadio from './ActRadio.vue';
 import ActSeqDrag from './ActSeqDrag.vue';
 
 export default {
   setup() {
-    const loadingStore = LoadingStore();
-    const conformanceStore = ConformanceStore();
+    const loadingStore = useLoadingStore();
+    const conformanceStore = useConformanceStore();
     const { isLoading } = storeToRefs(loadingStore);
     const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore,
       selectedActSeqFromTo, conformanceTask, cfmSeqStart, cfmSeqEnd, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE,

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

@@ -70,11 +70,11 @@
 <script>
 import TimeRangeDuration from '@/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue';
 import { storeToRefs } from 'pinia';
-import ConformanceStore from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 
 export default {
   setup() {
-    const conformanceStore = ConformanceStore();
+    const conformanceStore = useConformanceStore();
     const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope,
       selectedActSeqMore, selectedActSeqFromTo, conformanceAllTasks, conformanceTask,
       cfmSeqStart, cfmSeqEnd, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart,

src/components/Discover/Conformance/MoreModal.vue

@@ -63,13 +63,13 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import ConformanceStore from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
 
 export default {
   props: ['listModal', 'listNo', 'traceId', 'firstCases', 'listTraces', 'taskSeq', 'cases', 'category'],
   setup() {
-    const conformanceStore = ConformanceStore();
+    const conformanceStore = useConformanceStore();
     const { infinite404 } = storeToRefs(conformanceStore);
 
     return { infinite404, conformanceStore }

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

@@ -121,7 +121,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import AllMapDataStore from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData.js';
 import { setLineChartData } from '@/module/setChartData.js';
 import getMoment from 'moment';
 import InputNumber from 'primevue/inputnumber';
@@ -129,7 +129,7 @@ import { Decimal } from 'decimal.js';
 
 export default {
   setup() {
-    const allMapDataStore = AllMapDataStore();
+    const allMapDataStore = useAllMapDataStore();
     const { filterAttrs } = storeToRefs(allMapDataStore);
 
     return { filterAttrs }

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

@@ -40,14 +40,14 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import LoadingStore from '@/stores/loading.js';
-import AllMapDataStore from '@/stores/allMapData.js';
+import { useLoadingStore } from '@/stores/loading.js';
+import { useAllMapDataStore } from '@/stores/allMapData.js';
 import { delaySecond, } from '@/utils/timeUtil.js';
 
 export default {
   setup() {
-    const loadingStore = LoadingStore();
-    const allMapDataStore = AllMapDataStore();
+    const loadingStore = useLoadingStore();
+    const allMapDataStore = useAllMapDataStore();
     const { isLoading } = storeToRefs(loadingStore);
     const { hasResultRule, temporaryData, postRuleData, ruleData, isRuleData, tempFilterId } = storeToRefs(allMapDataStore);
 

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

@@ -32,7 +32,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import AllMapDataStore from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData.js';
 import { Chart, registerables } from 'chart.js';
 import 'chartjs-adapter-moment';
 import getMoment from 'moment';
@@ -40,7 +40,7 @@ import getMoment from 'moment';
 export default{
   props:['selectValue'],
   setup() {
-    const allMapDataStore = AllMapDataStore();
+    const allMapDataStore = useAllMapDataStore();
     const { filterTimeframe, selectTimeFrame } = storeToRefs(allMapDataStore);
 
     return {allMapDataStore, filterTimeframe, selectTimeFrame }

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

@@ -70,15 +70,15 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import AllMapDataStore from '@/stores/allMapData.js';
-import LoadingStore from '@/stores/loading.js';
+import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useLoadingStore } from '@/stores/loading.js';
 import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
 
 export default {
   expose: ['selectArea', 'showTraceId', 'traceTotal'],
   setup() {
-    const allMapDataStore = AllMapDataStore();
-    const loadingStore = LoadingStore();
+    const allMapDataStore = useAllMapDataStore();
+    const loadingStore = useLoadingStore();
     const { infinit404, baseInfiniteStart, baseTraces, baseTraceTaskSeq, baseCases } = storeToRefs(allMapDataStore);
     const { isLoading } = storeToRefs(loadingStore);
 

src/components/Discover/Map/SidebarFilter.vue

@@ -98,8 +98,8 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import LoadingStore from '@/stores/loading.js';
-import AllMapDataStore from '@/stores/allMapData.js';
+import { useLoadingStore } from '@/stores/loading.js';
+import { useAllMapDataStore } from '@/stores/allMapData.js';
 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';
@@ -112,8 +112,8 @@ import getMoment from 'moment';
 export default {
   props: ['sidebarFilter', 'filterTasks', 'filterStartToEnd', 'filterEndToStart', 'filterTimeframe', 'filterTrace'],
   setup() {
-    const loadingStore = LoadingStore();
-    const allMapDataStore = AllMapDataStore();
+    const loadingStore = useLoadingStore();
+    const allMapDataStore = useAllMapDataStore();
     const { isLoading } = storeToRefs(loadingStore);
     const { hasResultRule, temporaryData, postRuleData, ruleData, isRuleData, selectTimeFrame } = storeToRefs(allMapDataStore);
 

src/components/Discover/Map/SidebarState.vue

@@ -243,8 +243,8 @@
 
 <script>
 import { computed, ref, } from 'vue';
-import PageAdmin from '@/stores/pageAdmin';
-import MapPathStore from '@/stores/mapPathStore';
+import { usePageAdminStore } from '@/stores/pageAdmin';
+import { useMapPathStore } from '@/stores/mapPathStore';
 import { getTimeLabel } from '@/module/timeLabel.js';
 import getMoment from 'moment';
 import i18next from '@/i18n/i18n';
@@ -268,8 +268,8 @@ export default {
     }
   },
   setup(props){
-    const pageAdmin = PageAdmin();
-    const mapPathStore = MapPathStore();
+    const pageAdmin = usePageAdminStore();
+    const mapPathStore = useMapPathStore();
 
     const activeTrace = ref(0);
     const currentMapFile = computed(() => pageAdmin.currentMapFile);

src/components/Discover/Map/SidebarTraces.vue

@@ -61,15 +61,15 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import LoadingStore from '@/stores/loading.js';
-import AllMapDataStore from '@/stores/allMapData.js';
+import { useLoadingStore } from '@/stores/loading.js';
+import { useAllMapDataStore } from '@/stores/allMapData.js';
 import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
 
 export default {
   props: ['sidebarTraces', 'cases'],
   setup() {
-    const loadingStore = LoadingStore();
-    const allMapDataStore = AllMapDataStore();
+    const loadingStore = useLoadingStore();
+    const allMapDataStore = useAllMapDataStore();
     const { isLoading } = storeToRefs(loadingStore);
     const { infinit404, infiniteStart, traceId, traces, traceTaskSeq, infiniteFirstCases } = storeToRefs(allMapDataStore);
 

src/components/Discover/Map/SidebarView.vue

@@ -70,7 +70,7 @@
 </template>
 
 <script>
-import MapPathStore from '@/stores/mapPathStore';
+import { useMapPathStore } from '@/stores/mapPathStore';
 import { mapState, mapActions, } from 'pinia';
 export default {
   props: {
@@ -108,7 +108,7 @@ export default {
     }
   },
   computed: {
-    ...mapState(MapPathStore, ['isBPMNOn']),
+    ...mapState(useMapPathStore, ['isBPMNOn']),
   },
   methods: {
     /**
@@ -168,7 +168,7 @@ export default {
       this.setIsBPMNOn(true);
       this.switchMapType('bpmn');
     },
-    ...mapActions(MapPathStore, ['setIsBPMNOn',]),
+    ...mapActions(useMapPathStore, ['setIsBPMNOn',]),
   },
   mounted() {
     this.dataLayerType = 'freq';

src/components/Discover/StatusBar.vue

@@ -80,13 +80,13 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import AllMapDataStore from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData.js';
 import { getTimeLabel } from '@/module/timeLabel.js';
 import getMoment from 'moment';
 
 export default {
   setup() {
-    const allMapDataStore = AllMapDataStore();
+    const allMapDataStore = useAllMapDataStore();
     const { logId, stats, createFilterId } = storeToRefs(allMapDataStore);
 
     return { logId, stats, createFilterId, allMapDataStore };

src/components/File/UploadModal.vue

@@ -18,12 +18,12 @@
 import IconUploarding from '../icons/IconUploarding.vue';
 import { uploadFailedFirst } from '@/module/alertModal.js'
 import { storeToRefs } from 'pinia';
-import FilesStore from '@/stores/files.js';
+import { useFilesStore } from '@/stores/files.js';
 
 export default {
   props: ['uploadModal'],
   setup() {
-    const filesStore = FilesStore();
+    const filesStore = useFilesStore();
     const { uploadFileName } = storeToRefs(filesStore);
 
     return { filesStore, uploadFileName }

src/components/Header.vue

@@ -23,11 +23,11 @@
 import { ref, } from 'vue';
 import { storeToRefs, } from 'pinia';
 import i18next from '@/i18n/i18n';
-import loginStore from '@/stores/login';
-import useAcctMgmtStore from '@/stores/acctMgmt';
+import { useLoginStore } from '@/stores/login';
+import { useAcctMgmtStore } from '@/stores/acctMgmt';
 import DspLogo from '@/components/icons/DspLogo.vue';
-import AllMapDataStore from '@/stores/allMapData.js';
-import ConformanceStore from '@/stores/conformance.js';
+import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 import { leaveFilter, leaveConformance } from '@/module/alertModal.js';
 
 export default {
@@ -38,10 +38,10 @@ export default {
     }
   },
   setup() {
-    const store = loginStore();
+    const store = useLoginStore();
     const { logOut } = store;
-    const allMapDataStore = AllMapDataStore();
-    const conformanceStore = ConformanceStore();
+    const allMapDataStore = useAllMapDataStore();
+    const conformanceStore = useConformanceStore();
     const acctMgmtStore = useAcctMgmtStore();
     const { tempFilterId, temporaryData, postRuleData, ruleData } = storeToRefs(allMapDataStore);
     const { conformanceLogTempCheckId, conformanceFilterTempCheckId, conformanceFileName } = storeToRefs(conformanceStore);

src/components/Navbar.vue

@@ -46,11 +46,11 @@
 </template>
 <script>
 import { storeToRefs, mapState, mapActions, } from 'pinia';
-import filesStore from '@/stores/files.js';
-import AllMapDataStore from '@/stores/allMapData.js';
-import ConformanceStore from '@/stores/conformance.js';
-import PageAdminStore from '@/stores/pageAdmin.js';
-import MapCompareStore from '@/stores/mapCompareStore';
+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 { useMapCompareStore } from '@/stores/mapCompareStore';
 import IconSearch from '@/components/icons/IconSearch.vue';
 import IconSetting from '@/components/icons/IconSetting.vue';
 import { saveFilter, savedSuccessfully, saveConformance } from '@/module/alertModal.js';
@@ -59,9 +59,9 @@ import AcctMenu from './AccountMenu/AcctMenu.vue';
 
 export default {
   setup() {
-    const store = filesStore();
-    const allMapDataStore = AllMapDataStore();
-    const conformanceStore = ConformanceStore();
+    const store = useFilesStore();
+    const allMapDataStore = useAllMapDataStore();
+    const conformanceStore = useConformanceStore();
     const { logId, tempFilterId, createFilterId, filterName, postRuleData, isUpdateFilter } = storeToRefs(allMapDataStore);
     const { conformanceRuleData, conformanceLogId, conformanceFilterId,
       conformanceLogTempCheckId, conformanceFilterTempCheckId, 
@@ -85,7 +85,7 @@ export default {
   },
   data() {
     return {
-      mapCompareStore: MapCompareStore(),
+      mapCompareStore: useMapCompareStore(),
       showNavbarBreadcrumb: false,
       navViewData:
       {
@@ -125,7 +125,7 @@ export default {
         this.navViewName === 'ACCOUNT MANAGEMENT' ||
         this.activePage === 'PERFORMANCE';
     },
-    ...mapState(PageAdminStore, [
+    ...mapState(usePageAdminStore, [
       'activePage',
       'pendingActivePage',
       'activePageComputedByRoute',
@@ -338,7 +338,7 @@ export default {
           }
       }
     },
-    ...mapActions(PageAdminStore, [
+    ...mapActions(usePageAdminStore, [
       'setPendingActivePage',
       'setPreviousPage',
       'setActivePage',

src/components/durationjs.vue

@@ -42,7 +42,7 @@
 <script>
 //:value="tUnits[unit].val.toString().padStart(2, '0')"
 import { mapActions, } from 'pinia';
-import ConformanceInputStore from '@/stores/conformanceInput';
+import { useConformanceInputStore } from '@/stores/conformanceInput';
 
 export default {
   props: {
@@ -424,7 +424,7 @@ export default {
       }
     },
     ...mapActions(
-      ConformanceInputStore,[]
+      useConformanceInputStore,[]
     ),
   },
   created() {