Standardize store exports to named useXxxStore convention

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

src/views/Discover/Conformance/index.vue

@@ -9,16 +9,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 StatusBar from '@/components/Discover/StatusBar.vue';
 import ConformanceResults from '@/components/Discover/Conformance/ConformanceResults.vue';
 import ConformanceSidebar from '@/components/Discover/Conformance/ConformanceSidebar.vue';
 
 export default {
   setup() {
-    const loadingStore = LoadingStore();
-    const conformanceStore = ConformanceStore();
+    const loadingStore = useLoadingStore();
+    const conformanceStore = useConformanceStore();
     const { isLoading } = storeToRefs(loadingStore);
     const { conformanceLogId, conformanceFilterId, conformanceLogCreateCheckId, conformanceFilterCreateCheckId,
       conformanceLogTempCheckId, conformanceFilterTempCheckId, selectedRuleType, selectedActivitySequence,
@@ -90,7 +90,7 @@ export default {
   async beforeRouteEnter(to, from, next) {
     const isCheckPage = to.name.includes('Check');
     if (isCheckPage) {
-      const conformanceStore = ConformanceStore();
+      const conformanceStore = useConformanceStore();
       // Save token in Headers.
       // (?:^|.;\s)：匹配 "luciaToken" 之前的內容，允許它在字符串開頭或某個分號之後。
       // luciaToken\s=\s**：匹配 "luciaToken="，並忽略兩邊的空格。

src/views/Discover/Map/Map.vue

@@ -64,12 +64,12 @@
 import { onBeforeMount, computed, } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useRoute } from 'vue-router';
-import LoadingStore from '@/stores/loading.js';
-import AllMapDataStore from '@/stores/allMapData.js';
-import ConformanceStore from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading.js';
+import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 import cytoscapeMap from '@/module/cytoscapeMap.js';
-import CytoscapeStore from '@/stores/cytoscapeStore';
-import MapPathStore from '@/stores/mapPathStore';
+import { useCytoscapeStore } from '@/stores/cytoscapeStore';
+import { useMapPathStore } from '@/stores/mapPathStore';
 import SidebarView from '@/components/Discover/Map/SidebarView.vue';
 import SidebarState from '@/components/Discover/Map/SidebarState.vue';
 import SidebarTraces from '@/components/Discover/Map/SidebarTraces.vue';
@@ -83,8 +83,8 @@ const ImgCapsules = [ImgCapsule1, ImgCapsule2, ImgCapsule3, ImgCapsule4];
 
 export default {
   setup() {
-    const loadingStore = LoadingStore();
-    const allMapDataStore = AllMapDataStore();
+    const loadingStore = useLoadingStore();
+    const allMapDataStore = useAllMapDataStore();
     const { isLoading } = storeToRefs(loadingStore);
     const route = useRoute();
     const { processMap, bpmn, stats, insights, traceId, traces, baseTraces, baseTraceId,
@@ -93,7 +93,7 @@ export default {
       postRuleData
     } = storeToRefs(allMapDataStore);
 
-    const cytoscapeStore = CytoscapeStore();
+    const cytoscapeStore = useCytoscapeStore();
 
     const { setCurrentGraphId } = cytoscapeStore;
 
@@ -151,7 +151,7 @@ export default {
       cytoscapeGraph: null,
       curveStyle: 'unbundled-bezier', // unbundled-bezier | taxi
       mapType: 'processMap', // processMap | bpmn
-      mapPathStore: MapPathStore(),
+      mapPathStore: useMapPathStore(),
       dataLayerType: 'freq', // freq | duration
       dataLayerOption: 'total',
       rank: 'LR', // 直向 TB | 橫向 LR
@@ -534,7 +534,7 @@ export default {
     const isCheckPage = to.name.includes('Check');
 
     if (isCheckPage) {
-      const conformanceStore = ConformanceStore();
+      const conformanceStore = useConformanceStore();
       switch (to.params.type) {
         case 'log':
           conformanceStore.conformanceLogCreateCheckId = to.params.fileId;

src/views/Discover/Performance/index.vue

@@ -138,9 +138,9 @@
 <script>
 import { storeToRefs, mapActions, } from 'pinia';
 import moment from 'moment';
-import LoadingStore from '@/stores/loading.js';
-import PerformanceStore from '@/stores/performance.js';
-import ConformanceStore from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading.js';
+import { usePerformanceStore } from '@/stores/performance.js';
+import { useConformanceStore } from '@/stores/conformance.js';
 import StatusBar from '@/components/Discover/StatusBar.vue';
 import { setLineChartData } from '@/module/setChartData.js';
 import { simpleTimeLabel, followTimeLabel,
@@ -156,8 +156,8 @@ const primeVueTicksLimit = PRIME_VUE_TICKS_LIMIT;
 
 export default {
   setup() {
-    const loadingStore = LoadingStore();
-    const performanceStore = PerformanceStore();
+    const loadingStore = useLoadingStore();
+    const performanceStore = usePerformanceStore();
     const { isLoading } = storeToRefs(loadingStore);
     const { performanceData } = storeToRefs(performanceStore);
 
@@ -864,7 +864,7 @@ export default {
 
       return [primeVueSetData, primeVueSetOption]
     },
-    ...mapActions(PerformanceStore, [
+    ...mapActions(usePerformanceStore, [
       'setFreqChartData',
       'setFreqChartOptions',
       'setFreqChartXData'
@@ -918,7 +918,7 @@ export default {
     const isCheckPage = to.name.includes('Check');
 
     if (isCheckPage) {
-      const conformanceStore = ConformanceStore();
+      const conformanceStore = useConformanceStore();
       switch (to.params.type) {
         case 'log':
           conformanceStore.conformanceLogCreateCheckId = to.params.fileId;