@sowell/quasar-app-extension-auth 1.8.1 → 1.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sowell/quasar-app-extension-auth",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "description": "A Quasar app extension to manage Authentication",
   "main": "src/index.js",
   "repository": "https://github.com/sowell-ai/quasar.extension.auth",

package/src/composables/useValidateMagicLink.ts

@@ -1,4 +1,4 @@
-import { computed, ref, Ref } from "vue"
+import { computed, ref, watch, Ref } from "vue"
 import { useI18n } from "vue-i18n"
 import { AxiosError } from "axios"
 import {
@@ -91,9 +91,10 @@ export function useValidateMagicLink(magicToken: Ref<string>) {
       confirmPassword.value !== ""
   )
 
-  // NOTE: rules return a boolean, never a string - the requirements checklist below
-  // the fields already explains exactly what's missing (green/gray/red), so the
-  // field itself only needs to turn red, not repeat the message underneath.
+  // NOTE: rules return a boolean rather than a string - the requirements checklist
+  // below the fields already explains exactly what's missing (green/gray/red), so
+  // the field itself only needs to turn red. The only exception is the "passwords
+  // don't match" case: no checklist item covers it, so that one needs its message.
   const validations = {
     passwordRules: [
       (val: string) => !!val || false,
@@ -101,10 +102,18 @@ export function useValidateMagicLink(magicToken: Ref<string>) {
     ],
     passwordConfirmationRules: [
       (val: string) => !!val || false,
-      (val: string) => val === password.value || false
+      (val: string) =>
+        val === password.value || t("auth.newPasswordConfirmationFailed")
     ]
   }
 
+  // Quasar's lazy-rules only re-validates the confirmation field on blur/submit,
+  // never while typing. Without this, the "passwords don't match" message stays
+  // on screen while the user is already fixing the field.
+  watch([password, confirmPassword], () => {
+    confirmPasswordInput.value?.resetValidation()
+  })
+
   const readApiError = (error: unknown): string | undefined => {
     const axiosError = error as AxiosError<ApiErrorPayload>
     const apiError = axiosError.response?.data?.errors?.[0]

package/src/i18n/fr-FR/index.ts

@@ -27,7 +27,7 @@ export default {
     confirmPassword: "Confirmer le mot de passe",
     confirmPasswordPlaceholder: "Répéter le mot de passe",
     newPasswordConfirmationFailed:
-      "Les mot de passes que vous avez saisi ne correspondent pas",
+      "Les mots de passe que vous avez saisi ne correspondent pas",
     passwordRequirementsError:
       "Le mot de passe ne respecte pas les critères requis",
     passwordSequenceError: