From 0c48df239e59a2c5d44bd52cf723263e5b6485ae Mon Sep 17 00:00:00 2001
From: "Federico Pasqua (eisterman)" <federico.pasqua.96@gmail.com>
Date: Mon, 24 Mar 2025 12:31:07 +0100
Subject: [PATCH] Probably final version of FloatInputTextField

---
 components/FloatInputTextField.vue | 8 ++++----
 pages/login.vue                    | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/FloatInputTextField.vue b/components/FloatInputTextField.vue
index 7fecfb0..6609e35 100644
--- a/components/FloatInputTextField.vue
+++ b/components/FloatInputTextField.vue
@@ -30,9 +30,9 @@ const {
   value: inputValue,
   errorMessage,
   handleBlur,
-  handleChange,
+  meta
 } = useField(name, undefined, {
-  initialValue: props.value,
+  initialValue: props.value
 });
 
 const invalid = computed(() => errorMessage.value ? true : undefined);
@@ -42,13 +42,13 @@ const invalid = computed(() => errorMessage.value ? true : undefined);
   <div class="grid grid-cols-1 gap-2">
     <FloatLabel variant="on">
       <InputText
-        :id="id" v-model="inputValue" class="w-full" :invalid="invalid" @blur="handleBlur" @input="handleChange"
+        :id="id" v-model="inputValue" class="w-full" :invalid="invalid" @blur="handleBlur"
       />
       <label :for="id">
         {{ label }}
       </label>
     </FloatLabel>
-    <Message v-if="errorMessage" class="text-wrap">{{ errorMessage }}</Message>
+    <Message v-if="errorMessage && meta.touched" class="text-wrap">{{ errorMessage }}</Message>
   </div>
 </template>
 
diff --git a/pages/login.vue b/pages/login.vue
index 8754989..7336a7c 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -4,7 +4,7 @@ import * as zod from 'zod';
 
 const zodSchema = zod.object({
   username: zod.string().min(1, { message: 'This is required' }),
-  password: zod.string().min(3),
+  password: zod.string().min(3, { message: 'Password is required longer than 3' }),
 });
 const schema = toTypedSchema(zodSchema);