diff --git a/src/components/common/VnChangePassword.vue b/src/components/common/VnChangePassword.vue
index 4077359ff..c17c0ffbd 100644
--- a/src/components/common/VnChangePassword.vue
+++ b/src/components/common/VnChangePassword.vue
@@ -19,8 +19,6 @@ const changePassDialog = ref();
const passwords = ref({ newPassword: null, repeatPassword: null });
const requirements = ref([]);
const isLoading = ref(false);
-const showPwd = ref(true);
-const showRpPwd = ref(true);
const validate = async () => {
const { newPassword, repeatPassword, oldPassword } = passwords.value;
@@ -79,39 +77,32 @@ defineExpose({ show: () => changePassDialog.value.show() });
type="password"
:required="true"
autofocus
- :clearable="true"
- :show-pwd="showPwd"
- @update:show-pwd="showPwd = $event"
+ :toggle-visibility="true"
/>
-
-
+ type="password"
+ :required="true"
+ :toggle-visibility="true"
+ :info="
+ t('passwordRequirements', {
+ length: requirements.length,
+ nAlpha: requirements.nAlpha,
+ nUpper: requirements.nUpper,
+ nDigits: requirements.nDigits,
+ nPunct: requirements.nPunct,
+ })
+ "
+ autofocus
+ />
+
-
diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue
index 31a3cd411..f2fdb8ef1 100644
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@@ -43,14 +43,13 @@ const $props = defineProps({
default: null,
},
toggleVisibility: {
- // Nueva propiedad
type: Boolean,
default: false,
},
});
const vnInputRef = ref(null);
-const showPassword = ref(false); // Estado para la visibilidad de contraseña
+const showPassword = ref(false);
const value = computed({
get() {
return $props.modelValue;
@@ -144,14 +143,12 @@ const handleInsertMode = (e) => {
-
-