비번 체크

src/components/user/RegisterForm.vue

@@ -48,7 +48,6 @@
                 :is-alert="passwordcheckAlert"
                 @update:data="passwordcheck = $event"
                 @update:alert="passwordcheckAlert = $event"
-                @blur="checkPw"
                 :value="passwordcheck"
             />
             <span v-if="passwordcheckError" class="invalid-feedback d-block">{{ passwordcheckError }}</span>
@@ -299,17 +298,6 @@
         postcode.value = addressData.postcode; // 우편번호
     };
 
-    // 비밀번호 확인 체크
-    const checkPw = async () => {
-        if (password.value !== passwordcheck.value) {
-            passwordcheckError.value = '비밀번호가 일치하지 않습니다.';
-            passwordcheckErrorAlert.value = true;
-        } else {
-            passwordcheckError.value = '';
-            passwordcheckErrorAlert.value = false;
-        }
-    };
-
     // 색상 중복체크
     const checkColorDuplicate = async () => {
         const response = await $api.get(`/user/checkColor?memberCol=${color.value}`);
@@ -358,6 +346,19 @@
         }
     });
 
+    // 비밀번호 확인
+    watch([password, passwordcheck], ([newPassword, newPasswordCheck]) => {
+        if (newPassword && newPasswordCheck) {
+            if (newPassword !== newPasswordCheck) {
+                passwordcheckError.value = '비밀번호가 일치하지 않습니다.';
+                passwordcheckErrorAlert.value = true;
+            } else {
+                passwordcheckError.value = '';
+                passwordcheckErrorAlert.value = false;
+            }
+        }
+    });
+
 
     // 회원가입
     const handleSubmit = async () => {