diff --git a/components/TextInput.vue b/components/TextInput.vue index cae6548..c04299e 100644 --- a/components/TextInput.vue +++ b/components/TextInput.vue @@ -2,11 +2,16 @@ import { useField } from 'vee-validate' import { formGroupExtras } from '@/composables/form' -const props = defineProps<{ - name: string - type: HTMLInputElement['type'] - placeholder?: string -}>() +const props = withDefaults( + defineProps<{ + name: string + type: HTMLInputElement['type'] + placeholder?: string + }>(), + { + placeholder: '', + }, +) const attrs = useAttrs() const { describedBy, invalid } = inject(formGroupExtras, { describedBy: ref(undefined), diff --git a/locales/en-US.json b/locales/en-US.json index b6196ef..16f6652 100644 --- a/locales/en-US.json +++ b/locales/en-US.json @@ -17,6 +17,7 @@ "edit": "Edit", "current_password": "Current password", "new_password": "New password", + "confirm_new_password": "Confirm new password", "confirm": "Confirm", "login": "Log in", "logout": "Log out", diff --git a/pages/password.vue b/pages/password.vue new file mode 100644 index 0000000..219bcb2 --- /dev/null +++ b/pages/password.vue @@ -0,0 +1,54 @@ + + + + + + + + {{ $t('good_practices_about_user_password') }} + + + + + + + + + + + + + + + + + + + + + + + {{ $t('cancel') }} + + + + +