From bbca475bbec0579bf091fcc64946addb440ac86d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BE=9D=E7=91=AA=E8=B2=93?= <imacat@mail.imacat.idv.tw>
Date: Tue, 10 Mar 2026 08:47:34 +0800
Subject: [PATCH] Replace async IIFE with onMounted for page initialization
 (S7785)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/views/Compare/Dashboard/CompareDashboard.vue   | 10 +++-------
 src/views/Compare/MapCompare.vue                   |  7 +++----
 src/views/Discover/Conformance/ConformancePage.vue |  7 +------
 src/views/Discover/Map/MapPage.vue                 |  7 +++----
 src/views/Discover/Performance/PerformancePage.vue |  7 +++----
 5 files changed, 13 insertions(+), 25 deletions(-)

diff --git a/src/views/Compare/Dashboard/CompareDashboard.vue b/src/views/Compare/Dashboard/CompareDashboard.vue
index 86de8c6..85d95e8 100644
--- a/src/views/Compare/Dashboard/CompareDashboard.vue
+++ b/src/views/Compare/Dashboard/CompareDashboard.vue
@@ -1458,8 +1458,7 @@ function getAvgProcessTimeHorizontalBarChart(
   return [primeVueSetData, primeVueSetOption];
 }
 
-// Created logic
-(async () => {
+onMounted(async () => {
   isLoading.value = true;
   try {
     const routeParams = route.params;
@@ -1548,12 +1547,9 @@ function getAvgProcessTimeHorizontalBarChart(
       );
   } catch (error) {
     console.error("Failed to initialize compare dashboard:", error);
+  } finally {
+    isLoading.value = false;
   }
-})();
-
-// Mounted
-onMounted(() => {
-  isLoading.value = false;
 });
 </script>
 <style scoped>
diff --git a/src/views/Compare/MapCompare.vue b/src/views/Compare/MapCompare.vue
index 6d34d71..bd6520c 100644
--- a/src/views/Compare/MapCompare.vue
+++ b/src/views/Compare/MapCompare.vue
@@ -146,7 +146,7 @@ export default {
 </script>
 
 <script setup>
-import { ref, computed, watch, onBeforeMount, onBeforeUnmount } from "vue";
+import { ref, computed, watch, onMounted, onBeforeMount, onBeforeUnmount } from "vue";
 import { useRoute } from "vue-router";
 import { storeToRefs } from "pinia";
 import { useLoadingStore } from "@/stores/loading";
@@ -578,8 +578,7 @@ function setActivityBgImage(mapData) {
   }
 }
 
-// Created logic
-(async () => {
+onMounted(async () => {
   try {
     const routeParams = route.params;
     const file = route.meta.file;
@@ -635,7 +634,7 @@ function setActivityBgImage(mapData) {
   } finally {
     isLoading.value = false;
   }
-})();
+});
 
 onBeforeUnmount(() => {
   emitter.off("saveModal");
diff --git a/src/views/Discover/Conformance/ConformancePage.vue b/src/views/Discover/Conformance/ConformancePage.vue
index eea81df..644e130 100644
--- a/src/views/Discover/Conformance/ConformancePage.vue
+++ b/src/views/Discover/Conformance/ConformancePage.vue
@@ -77,8 +77,7 @@ const {
 
 let loadingTimerId = null;
 
-// Created logic
-(async () => {
+onMounted(async () => {
   isLoading.value = true;
   try {
     const params = route.params;
@@ -113,10 +112,6 @@ let loadingTimerId = null;
   } finally {
     loadingTimerId = setTimeout(() => (isLoading.value = false), 500);
   }
-})();
-
-// Mounted
-onMounted(() => {
   selectedRuleType.value = "Have activity";
   selectedActivitySequence.value = "Start & End";
   selectedMode.value = "Directly follows";
diff --git a/src/views/Discover/Map/MapPage.vue b/src/views/Discover/Map/MapPage.vue
index 5ceca09..df7615c 100644
--- a/src/views/Discover/Map/MapPage.vue
+++ b/src/views/Discover/Map/MapPage.vue
@@ -145,7 +145,7 @@ export default {
 </script>
 
 <script setup>
-import { ref, computed, watch, onBeforeMount, onBeforeUnmount } from "vue";
+import { ref, computed, watch, onMounted, onBeforeMount, onBeforeUnmount } from "vue";
 import { useRoute } from "vue-router";
 import { storeToRefs } from "pinia";
 import { useLoadingStore } from "@/stores/loading";
@@ -567,8 +567,7 @@ function setActivityBgImage(mapData) {
   }
 }
 
-// Created logic
-(async () => {
+onMounted(async () => {
   try {
     const routeParams = route.params;
     const file = route.meta.file;
@@ -624,7 +623,7 @@ function setActivityBgImage(mapData) {
   } finally {
     isLoading.value = false;
   }
-})();
+});
 
 onBeforeUnmount(() => {
   emitter.off("saveModal");
diff --git a/src/views/Discover/Performance/PerformancePage.vue b/src/views/Discover/Performance/PerformancePage.vue
index f0268f2..b400b6a 100644
--- a/src/views/Discover/Performance/PerformancePage.vue
+++ b/src/views/Discover/Performance/PerformancePage.vue
@@ -270,7 +270,7 @@ export default {
 };
 </script>
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 import { useRoute } from "vue-router";
 import { storeToRefs } from "pinia";
 import moment from "moment";
@@ -1049,8 +1049,7 @@ function getAvgWaitingTimeLineChart(chartData, content, yUnit) {
   return [primeVueSetData, primeVueSetOption];
 }
 
-// Created logic
-(async () => {
+onMounted(async () => {
   isLoading.value = true;
   try {
     const routeParams = route.params;
@@ -1138,7 +1137,7 @@ function getAvgWaitingTimeLineChart(chartData, content, yUnit) {
   } finally {
     isLoading.value = false;
   }
-})();
+});
 </script>
 <style scoped>
 @reference "../../../assets/tailwind.css";