fix(auth): add type, placeholder and autocomplete to inputs

mapswipe · Apr 30, 2024 · 435fab7 · 435fab7
1 parent 16afe6d
commit 435fab7
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/src/components/RecoverAccount.vue b/src/components/RecoverAccount.vue
@@ -67,6 +67,9 @@ export default defineComponent({
           v-model="email"
           :label="$t('authView.email') + '*'"
           ref="email"
+          type="email"
+          placeholder="email"
+          autocomplete="email"
           :rules="[rules.required, rules.email]"
         />
       </v-col>

diff --git a/src/components/SignIn.vue b/src/components/SignIn.vue
@@ -82,12 +82,17 @@ export default defineComponent({
           :label="$t('authView.email') + '*'"
           ref="email"
           :rules="[rules.required, rules.email]"
+          type="email"
+          placeholder="email"
+          autocomplete="email"
         />
         <v-text-field
           v-model="password"
           :label="$t('authView.password') + '*'"
           :append-inner-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
           :type="showPassword ? 'text' : 'password'"
+          placeholder="password"
+          autocomplete="password"
           ref="password"
           :rules="[rules.required]"
           @click:append-inner="showPassword = !showPassword"

diff --git a/src/components/SignUp.vue b/src/components/SignUp.vue
@@ -128,12 +128,18 @@ export default defineComponent({
           :label="$t('authView.email') + '*'"
           ref="email"
           :rules="[rules.required, rules.email]"
+          type="email"
+          placeholder="email"
+          autocomplete="email"
         />
         <v-text-field
           v-model="displayName"
           :label="$t('authView.displayName') + '*'"
           ref="displayName"
           :rules="[rules.required, rules.min4]"
+          type="name"
+          placeholder="name"
+          autocomplete="name"
         />
         <v-text-field
           v-model="password"
@@ -142,6 +148,8 @@ export default defineComponent({
           :type="showPassword ? 'text' : 'password'"
           :rules="[rules.required, rules.min6]"
           ref="password"
+          placeholder="password"
+          autocomplete="password"
           @click:append-inner="showPassword = !showPassword"
         />
         <v-text-field
@@ -151,6 +159,8 @@ export default defineComponent({
           :type="showPassword ? 'text' : 'password'"
           :rules="[rules.required, rules.min6, rules.passwordMatch]"
           ref="confirmPassword"
+          placeholder="password"
+          autocomplete="password"
           @click:append-inner="showPassword = !showPassword"
         />
         <v-switch v-model="consent" color="primary" inset>