imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Standardize store exports to named useXxxStore convention

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
依瑪貓
2026-03-06 13:25:00 +08:00
parent 147b16ca34
commit 90048d0505
69 changed files with 241 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/AccountManagement/AccountAdmin/AccountAdmin.vue
View File

@@ -115,10 +115,10 @@
<script>
import { ref, computed, onMounted, watch, } from 'vue';
import { mapState, mapActions, } from 'pinia';
import LoadingStore from '@/stores/loading.js';
import { useLoadingStore } from '@/stores/loading.js';
import { useModalStore } from '@/stores/modal.js';
import useAcctMgmtStore from '@/stores/acctMgmt';
import piniaLoginStore from '@/stores/login';
import { useAcctMgmtStore } from '@/stores/acctMgmt';
import { useLoginStore } from '@/stores/login';
import SearchBar from '../../../components/AccountMenu/SearchBar.vue';
import i18next from '@/i18n/i18n.js';
import { useToast } from 'vue-toast-notification';
@@ -140,9 +140,9 @@ export default {
setup() {
const toast = useToast();
const acctMgmtStore = useAcctMgmtStore();
const loadingStore = LoadingStore();
const loadingStore = useLoadingStore();
const modalStore = useModalStore();
const loginStore = piniaLoginStore();
const loginStore = useLoginStore();
const infiniteStart = ref(0);
const shouldUpdateList = computed(() => acctMgmtStore.shouldUpdateList);

2
src/views/AccountManagement/ModalAccountEditCreate.vue
View File

@@ -188,7 +188,7 @@ import { mapActions, } from 'pinia';
import { useModalStore } from '@/stores/modal.js';
import { useRouter } from 'vue-router';
import { useToast } from 'vue-toast-notification';
import useAcctMgmtStore from '@/stores/acctMgmt';
import { useAcctMgmtStore } from '@/stores/acctMgmt';
import ModalHeader from "./ModalHeader.vue";
import IconChecked from "@/components/icons/IconChecked.vue";
import { MODAL_CREATE_NEW, MODAL_ACCT_EDIT, PWD_VALID_LENGTH } from '@/constants/constants.js';

2
src/views/AccountManagement/ModalAccountInfo.vue
View File

@@ -25,7 +25,7 @@
<script>
import { onBeforeMount, computed, ref } from 'vue';
import i18next from '@/i18n/i18n.js';
import useAcctMgmtStore from '@/stores/acctMgmt';
import { useAcctMgmtStore } from '@/stores/acctMgmt';
import ModalHeader from './ModalHeader.vue';
import Badge from '../../components/Badge.vue';

2
src/views/AccountManagement/ModalDeleteAlert.vue
View File

@@ -31,7 +31,7 @@
import { defineComponent, } from 'vue';
import { useModalStore } from '@/stores/modal.js';
import { useRouter } from 'vue-router';
import useAcctMgmtStore from '@/stores/acctMgmt';
import { useAcctMgmtStore } from '@/stores/acctMgmt';
import i18next from '@/i18n/i18n.js';
import { useToast } from 'vue-toast-notification';

10
src/views/AccountManagement/MyAccount.vue
View File

@@ -117,10 +117,10 @@
<script>
import { onMounted, computed, ref, } from 'vue';
import i18next from '@/i18n/i18n.js';
import LoginStore from '@/stores/login';
import useAcctMgmtStore from '@/stores/acctMgmt';
import { useLoginStore } from '@/stores/login';
import { useAcctMgmtStore } from '@/stores/acctMgmt';
import Badge from '../../components/Badge.vue';
import LoadingStore from '@/stores/loading.js';
import { useLoadingStore } from '@/stores/loading.js';
import Button from '@/components/Button.vue';
import ButtonFilled from '@/components/ButtonFilled.vue';
import { useToast } from 'vue-toast-notification';
@@ -128,8 +128,8 @@ import { PWD_VALID_LENGTH } from '@/constants/constants.js';
export default {
setup() {
const loadingStore = LoadingStore();
const loginStore = LoginStore();
const loadingStore = useLoadingStore();
const loginStore = useLoginStore();
const acctMgmtStore = useAcctMgmtStore();
const toast = useToast();

8
src/views/Compare/Dashboard/Compare.vue
View File

@@ -152,8 +152,8 @@
<script>
import { storeToRefs } from 'pinia';
import moment from 'moment';
import LoadingStore from '@/stores/loading.js';
import CompareStore from '@/stores/compare.js';
import { useLoadingStore } from '@/stores/loading.js';
import { useCompareStore } from '@/stores/compare.js';
import SidebarStates from '@/components/Compare/SidebarStates.vue';
import { setLineChartData } from '@/module/setChartData.js';
import { simpleTimeLabel, followTimeLabel,
@@ -175,8 +175,8 @@ import FreqChart from '../../Discover/Performance/FreqChart.vue';
export default {
setup() {
const loadingStore = LoadingStore();
const compareStore = CompareStore();
const loadingStore = useLoadingStore();
const compareStore = useCompareStore();
const { isLoading } = storeToRefs(loadingStore);
const { compareDashboardData } = storeToRefs(compareStore);

20
src/views/Compare/MapCompare.vue
View File

@@ -56,12 +56,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';
@@ -75,8 +75,8 @@
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,
@@ -85,7 +85,7 @@
postRuleData
} = storeToRefs(allMapDataStore);
const cytoscapeStore = CytoscapeStore();
const cytoscapeStore = useCytoscapeStore();
const { setCurrentGraphId } = cytoscapeStore;
@@ -142,7 +142,7 @@
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
@@ -516,7 +516,7 @@
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;

10
src/views/Discover/Conformance/index.vue
View File

@@ -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="，並忽略兩邊的空格。

20
src/views/Discover/Map/Map.vue
View File

@@ -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;

14
src/views/Discover/Performance/index.vue
View File

@@ -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;

24
src/views/Files/Files.vue
View File

@@ -222,12 +222,12 @@
</template>
<script>
import { storeToRefs, mapActions, } from 'pinia';
import MapCompareStore from '@/stores/mapCompareStore';
import LoginStore from '@/stores/login';
import filesStore from '@/stores/files.js';
import AllMapDataStore from '@/stores/allMapData.js';
import PageAdmin from '@/stores/pageAdmin.js';
import LoadingStore from '@/stores/loading.js';
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 IconDataFormat from '@/components/icons/IconDataFormat.vue';
import IconRule from '@/components/icons/IconRule.vue';
import IconsFilter from '@/components/icons/IconsFilter.vue';
@@ -240,7 +240,7 @@
export default {
data() {
return {
mapCompareStore: MapCompareStore(),
mapCompareStore: useMapCompareStore(),
isActive: null,
isHover: null,
switchListOrGrid: false,
@@ -286,10 +286,10 @@
}
},
setup() {
const loginStore = LoginStore();
const store = filesStore();
const allMapDataStore = AllMapDataStore();
const loadingStore = LoadingStore();
const loginStore = useLoginStore();
const store = useFilesStore();
const allMapDataStore = useAllMapDataStore();
const loadingStore = useLoadingStore();
const { dependentsData, filesTag } = storeToRefs(store);
const { createFilterId, baseLogId } = storeToRefs(allMapDataStore);
const { isLoading } = storeToRefs(loadingStore);
@@ -605,7 +605,7 @@
}
},
...mapActions(
PageAdmin, ['setCurrentMapFile',],
usePageAdminStore, ['setCurrentMapFile',],
)
},
mounted() {

6
src/views/Login/Login.vue
View File

@@ -49,7 +49,7 @@
<script>
import { ref, } from 'vue';
import { storeToRefs, mapActions } from 'pinia';
import loginStore from '@/stores/login';
import { useLoginStore } from '@/stores/login';
import IconMember from '@/components/icons/IconMember.vue';
import IconLockKey from '@/components/icons/IconLockKey.vue';
import IconEyeOpen from '@/components/icons/IconEyeOpen.vue';
@@ -65,7 +65,7 @@ export default {
},
setup() {
// 調用函數，獲取 Store
const store = loginStore();
const store = useLoginStore();
// 調用 store 裡的 state
const { auth, isInvalid } = storeToRefs(store);
// 調用 store 裡的 action
@@ -109,7 +109,7 @@ export default {
},
onInputPwdFocus(){
},
...mapActions(loginStore, ['setRememberedReturnToUrl']),
...mapActions(useLoginStore, ['setRememberedReturnToUrl']),
},
created() {
// 考慮到使用者可能在未登入的情況下貼入一個頁面網址連結過來瀏覽器

28
src/views/MainContainer.vue
View File

@@ -14,25 +14,25 @@
import { onBeforeMount, } from 'vue';
import { useRouter } from 'vue-router';
import { storeToRefs, mapActions, mapState, } from 'pinia';
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 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 PageAdminStore from '@/stores/pageAdmin.js';
import LoginStore from "@/stores/login";
import { usePageAdminStore } from '@/stores/pageAdmin.js';
import { useLoginStore } from "@/stores/login";
import { getCookie, setCookie } from "@/utils/cookieUtil.js";
import ModalContainer from './AccountManagement/ModalContainer.vue';
export default {
name: 'MainContainer',
setup() {
const loadingStore = LoadingStore();
const allMapDataStore = AllMapDataStore();
const conformanceStore = ConformanceStore();
const pageAdminStore = PageAdminStore();
const loadingStore = useLoadingStore();
const allMapDataStore = useAllMapDataStore();
const conformanceStore = useConformanceStore();
const pageAdminStore = usePageAdminStore();
const { tempFilterId, createFilterId, temporaryData, postRuleData, ruleData } = storeToRefs(allMapDataStore);
const { conformanceLogTempCheckId, conformanceFilterTempCheckId } = storeToRefs(conformanceStore);
const router = useRouter();
@@ -65,23 +65,23 @@ export default {
ModalContainer,
},
computed: {
...mapState(PageAdminStore, [
...mapState(usePageAdminStore, [
'shouldKeepPreviousPage',
'activePageComputedByRoute'
]),
...mapState(LoginStore, [
...mapState(useLoginStore, [
'isLoggedIn',
'auth',
])
},
methods: {
...mapActions(PageAdminStore, [
...mapActions(usePageAdminStore, [
'copyPendingPageToActivePage',
'setPreviousPage',
'clearShouldKeepPreviousPageBoolean',
'setActivePageComputedByRoute',
],),
...mapActions(LoginStore, [
...mapActions(useLoginStore, [
'refreshToken',
],),
},
@@ -100,7 +100,7 @@ export default {
// }
// }
async beforeRouteEnter(to, from, next) {
const loginStore = LoginStore();
const loginStore = useLoginStore();
if (!getCookie("isLuciaLoggedIn")) { //這裡不要用pinia的isLoggedIn來檢查，因為會有重新整理時撈不到Persisted value的值的bug
if (getCookie('luciaRefreshToken')) {

4
src/views/MemberArea/index.vue
View File

@@ -12,11 +12,11 @@
<script>
import { storeToRefs } from 'pinia';
import loginStore from '@/stores/login';
import { useLoginStore } from '@/stores/login';
export default {
setup() {
const store = loginStore();
const store = useLoginStore();
const { userData } = storeToRefs(store);
const { getUserData } = store;

8
src/views/Upload/index.vue
View File

@@ -79,14 +79,14 @@
</template>
<script>
import { storeToRefs } from 'pinia';
import LoadingStore from '@/stores/loading.js';
import FilesStore from '@/stores/files.js';
import { useLoadingStore } from '@/stores/loading.js';
import { useFilesStore } from '@/stores/files.js';
import { uploadFailedFirst, uploadSuccess, uploadConfirm } from '@/module/alertModal.js'
export default {
setup() {
const loadingStore = LoadingStore();
const filesStore = FilesStore();
const loadingStore = useLoadingStore();
const filesStore = useFilesStore();
const { isLoading } = storeToRefs(loadingStore);
const { uploadDetail, uploadId, uploadFileName } = storeToRefs(filesStore);