refine api

components/calculator/index.vue

@@ -105,6 +105,11 @@
     </div>
 </template>
 <script setup lang="ts">
+/**
+ * 技術難點，卡片之間互相有交互資料連動，
+ * 要在避免無線迴圈的狀況下正確更新關聯資料。
+ * 目前卡片的debounce150ms，初始化的間隔抓200ms，看起來是正常的。
+ */
 import firebase from 'firebase/compat/app';
 import { onMounted, ref, reactive, nextTick, } from 'vue'
 import { ElMessage, ElMessageBox, } from 'element-plus'
@@ -254,9 +259,19 @@ function setUserAndInitialize(form, { showMessage = false }) {
         ElMessage.info('載入成功')
     }
     nextTick(async () => {
+        await ProfileRef.value.calculateProfile()
         changeAllCards({
             propagate: true
         })
+        setTimeout(() => {
+            changeAllCards({
+                propagate: false
+            })
+        }, 200);
+        // setTimeout(() => {
+        // })
+        // nextTick(() => {
+        // })
         window.scrollTo(0, 0)
     })
 }
@@ -493,11 +508,6 @@ async function changeAllCards(from) {
     const {
         propagate = false,
     } = from
-    if (!from.profile) {
-        await ProfileRef.value.calculateProfile({
-            propagate,
-        })
-    }
     if (!from.career) {
         await CareerRef.value.calculateCareer({
             propagate,

components/calculator/profile.vue

@@ -107,7 +107,6 @@ const { VITE_BASE_URL } = import.meta.env
 import { ref, nextTick, computed, onMounted, onBeforeUnmount } from 'vue'
 import firebase from 'firebase/compat/app';
 import econSelect from '../econSelect.vue'
-import { fa } from 'element-plus/es/locale';
 const emits = defineEmits(['update:modelValue', 'signOut', 'upload'])
 const loginDialogVisible = ref(false)
 const firebaseUI = ref()
@@ -244,6 +243,7 @@ function openSignInDialog() {
         }
     })
 }
+
 async function calculateProfile(options: any = { propagate: true }) {
     const { propagate = true } = options
     customDebounce(() => {