From 5792542ee2b956a03e4307dfbb277f28856b2795 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Sun, 2 Jun 2024 21:28:12 +0530
Subject: [PATCH] feat: use browser validations

---
 .../inbox/channels/emailChannels/Google.vue   | 29 +++++--------------
 1 file changed, 7 insertions(+), 22 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/Google.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/Google.vue
index a148bd1a9..9fb3fe978 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/Google.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/emailChannels/Google.vue
@@ -1,36 +1,22 @@
 <script setup>
+import { ref } from 'vue';
+
 import { useAlert } from 'dashboard/composables';
 import { useI18n } from 'dashboard/composables/useI18n';
+
 import googleClient from 'dashboard/api/channel/googleClient';
 import SettingsSubPageHeader from '../../../SettingsSubPageHeader.vue';
-import { useVuelidate } from '@vuelidate/core';
-import { required, email } from '@vuelidate/validators';
-import { reactive, ref } from 'vue';
 
 const { t } = useI18n();
 
-const state = reactive({
-  email: '',
-});
-
-const rules = {
-  email: {
-    required,
-    email,
-  },
-};
-
-const v$ = useVuelidate(rules, state);
 const isRequestingAuthorization = ref(false);
+const email = ref('');
 
 async function requestAuthorization() {
   try {
-    v$.$touch();
-    if (v$.$invalid) return;
-
     isRequestingAuthorization.value = true;
     const response = await googleClient.generateAuthorization({
-      email: state.email,
+      email: email.value,
     });
     const {
       data: { url },
@@ -54,10 +40,9 @@ async function requestAuthorization() {
     />
     <form class="mt-6" @submit.prevent="requestAuthorization">
       <woot-input
-        v-model="state.email"
-        type="text"
+        v-model="email"
+        type="email"
         :placeholder="$t('INBOX_MGMT.ADD.GOOGLE.EMAIL_PLACEHOLDER')"
-        @blur="v$.email.$touch"
       />
       <woot-submit-button
         icon="brand-twitter"