ajuste nome e sobrenome para validar form com 3 caracteres

src/composables/useInputRules.js

@@ -15,6 +15,9 @@ export const useInputRules = () => {
     min: (min) => (value) =>
       value.length >= min ||
       `${t("validation.rules.min")} ${min} ${t("validation.rules.characters")}`,
+    minTrimmed: (min) => (value) =>
+      String(value ?? "").trim().length >= min ||
+      `${t("validation.rules.min")} ${min} ${t("validation.rules.characters")}`,
     max: (max) => (value) =>
       value.length <= max ||
       `${t("validation.rules.max")} ${max} ${t("validation.rules.characters")}`,

src/pages/login/FirstAccessFormPage.vue

@@ -72,7 +72,7 @@
             :readonly="isLocked('name')"
             :bg-color="isLocked('name') ? 'grey-2' : undefined"
             :label="$t('common.terms.name')"
-            :rules="[inputRules.required]"
+            :rules="[inputRules.required, inputRules.minTrimmed(3)]"
           />
 
           <DefaultInput
@@ -81,7 +81,7 @@
             :readonly="isLocked('last_name')"
             :bg-color="isLocked('last_name') ? 'grey-2' : undefined"
             :label="$t('auth.first_access.last_name')"
-            :rules="[inputRules.required]"
+            :rules="[inputRules.required, inputRules.minTrimmed(3)]"
           />
 
           <DefaultInput
@@ -280,8 +280,8 @@ const {
 } = useSubmitHandler({ formRef, onError: notifyUnmappedError });
 
 const prefillRules = {
-  name: [inputRules.required],
-  last_name: [inputRules.required],
+  name: [inputRules.required, inputRules.minTrimmed(3)],
+  last_name: [inputRules.required, inputRules.minTrimmed(3)],
   cpf: [inputRules.required, inputRules.cpf],
   email: [inputRules.required, inputRules.email],
   phone: [inputRules.required],