From 86cbe7f0d68c8a0aa3adb23b08374aa283e3f739 Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Fri, 7 Nov 2025 18:04:24 +0530
Subject: [PATCH] chore: Update reset password page

---
 app/javascript/v3/views/auth/reset/password/Index.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/javascript/v3/views/auth/reset/password/Index.vue b/app/javascript/v3/views/auth/reset/password/Index.vue
index dd88612d4..e8c4c76bc 100644
--- a/app/javascript/v3/views/auth/reset/password/Index.vue
+++ b/app/javascript/v3/views/auth/reset/password/Index.vue
@@ -3,8 +3,8 @@ import { useVuelidate } from '@vuelidate/core';
 import { useAlert } from 'dashboard/composables';
 import { required, minLength, email } from '@vuelidate/validators';
 import { useBranding } from 'shared/composables/useBranding';
-import FormInput from '../../../../components/Form/Input.vue';
 import { resetPassword } from '../../../../api/auth';
+import FormInput from 'dashboard/components-next/input/Input.vue';
 import NextButton from 'dashboard/components-next/button/Button.vue';
 
 export default {
@@ -84,8 +84,12 @@ export default {
         <FormInput
           v-model="credentials.email"
           name="email_address"
-          :has-error="v$.credentials.email.$error"
-          :error-message="$t('RESET_PASSWORD.EMAIL.ERROR')"
+          autocomplete="email"
+          type="email"
+          :message="
+            v$.credentials.email.$error ? $t('RESET_PASSWORD.EMAIL.ERROR') : ''
+          "
+          :message-type="v$.credentials.email.$error ? 'error' : ''"
           :placeholder="$t('RESET_PASSWORD.EMAIL.PLACEHOLDER')"
           @input="v$.credentials.email.$touch"
         />