fix: #319 add watch of inputConfirmPwd inside onMounted

src/stores/modal.js

@@ -13,9 +13,8 @@ export const useModalStore = defineStore('modalStore', {
       this.whichModal = whichModal;
     },
     async closeModal(){
-      console.log("Start closing modal");
+      await delaySecond(2);
       this.isModalOpen = false;
-      console.log("Modal closed");
     },
   },
 });

src/views/AccountManagement/ModalAccountEditCreate.vue

@@ -199,9 +199,28 @@ export default defineComponent({
 
         const shouldDisalbeConfirmButton = (inputAccountToTest, inputNameToTest, inputPasswordToTest,  inputConfirmPwdToTest, inputPwdMatchedToTest,
         ) => {
+            console.log('inputAccountToTest?.length', inputAccountToTest?.length);
             return !inputAccountToTest?.length || !inputNameToTest?.length || !inputPasswordToTest?.length 
                     || !inputConfirmPwdToTest?.length  || !inputPwdMatchedToTest;
         }
+        
+        // watch( TODO:暫時註解
+        //     [inputUserAccount, inputName, inputPwd, inputConfirmPwd, 
+        //         isPwdMatched,
+        //     ],
+        //         async ([newAccount, newName, newPwd, newConfirmPwd, 
+        //             newPwdMatched,
+        //         ]) => {
+                
+        //         if (validateInputLengthAndEquality(newAccount, newName, newPwd, newConfirmPwd, newPwdMatched)) {
+        //             isConfirmDisabled.value = true;
+        //         } else {
+        //             isConfirmDisabled.value = false;
+        //         }
+        //     },
+        //     { immediate: true }
+        // );
+
 
         const togglePwdEyeBtn = () => {
             isPwdEyeOn.value = !isPwdEyeOn.value;
@@ -279,6 +298,17 @@ export default defineComponent({
             }
         }
         const onInputAccountFocus = async() => {
+            // if(!isAccountUnique.value) {
+            //     // 之所以要轉回true，是為了讓使用者可以繼續填寫不被阻擋
+            //     isAccountUnique.value = true;
+            // }
+            // if(isConfirmDisabled.value){
+            //     // 所有欄位都要填寫，confirm按鈕才可點選
+            //     if(validateInputLengthAndEquality(inputUserAccount.value, inputName.value, inputPwd.value, inputConfirmPwd.value, isPwdMatched.value)
+            //     ){
+            //         isConfirmDisabled.value = false;
+            //     }               
+            // }
         }
 
         const onInputNameFocus = () => {