fix: Fix broken SSO login after vuelidate changes (#9877)

app/javascript/v3/views/login/Index.vue

@@ -40,7 +40,7 @@
     >
       <div v-if="!email">
         <GoogleOAuthButton v-if="showGoogleOAuth" />
-        <form class="space-y-5" @submit.prevent="submitLogin">
+        <form class="space-y-5" @submit.prevent="submitFormLogin">
           <form-input
             v-model.trim="credentials.email"
             name="email_address"
@@ -198,11 +198,6 @@ export default {
       useAlert(this.loginApi.message);
     },
     submitLogin() {
-      if (this.v$.credentials.email.$invalid && !this.email) {
-        this.showAlertMessage(this.$t('LOGIN.EMAIL.ERROR'));
-        return;
-      }
-
       this.loginApi.hasErrored = false;
       this.loginApi.showLoading = true;
 
@@ -231,6 +226,14 @@ export default {
           );
         });
     },
+    submitFormLogin() {
+      if (this.v$.credentials.email.$invalid && !this.email) {
+        this.showAlertMessage(this.$t('LOGIN.EMAIL.ERROR'));
+        return;
+      }
+
+      this.submitLogin();
+    },
   },
 };
 </script>