From 121780cebe364b285f7650ec70bb5e0c215fae3a Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Tue, 22 Jul 2025 10:08:04 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20bug=20fixed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/input/VInput.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/input/VInput.vue b/src/components/input/VInput.vue
index 9649a87..61b5f01 100644
--- a/src/components/input/VInput.vue
+++ b/src/components/input/VInput.vue
@@ -165,8 +165,8 @@ const labelState = computed(() => {
       v-bind="attrs"
       :class="[styles['text-body-MD-standard-text-Regular'], {
         'p-inputtext': true,
-        'error': props.isInvalid && !props.isValid && !props.disabled,
-        'success': !props.isInvalid && props.isValid && !props.disabled,
+        'error': props.isInvalid && !props.isValid && !props.disabled || !!props.errorMessage,
+        'success': !props.isInvalid && props.isValid && !props.disabled && !props.errorMessage,
       }]"
       :disabled="props.disabled"
       :aria-disabled="props.disabled"
@@ -180,7 +180,7 @@ const labelState = computed(() => {
     role="alert"
     aria-live="polite"
   >
-    <template v-if="Array.isArray(props.errorMessage)">
+    <template v-if="Array.isArray(props.errorMessage) && props.isInvalid">
       <VHint
         v-for="message in props.errorMessage"
         :id="descriptionId"
@@ -192,7 +192,7 @@ const labelState = computed(() => {
       />
     </template>
     <VHint
-      v-else-if="errorMessage"
+      v-else-if="errorMessage && props.isInvalid"
       :id="descriptionId"
       :key="`error-${errorMessage}`"
       :data-testid="descriptionId"
@@ -200,7 +200,7 @@ const labelState = computed(() => {
       type="alert"
       icon
     />
-    <template v-if="Array.isArray(props.validMessage)">
+    <template v-if="Array.isArray(props.validMessage) && props.isValid">
       <VHint
         v-for="message in props.validMessage"
         :id="descriptionId"
@@ -212,7 +212,7 @@ const labelState = computed(() => {
       />
     </template>
     <VHint
-      v-else-if="validMessage"
+      v-else-if="validMessage && props.isValid"
       :id="descriptionId"
       :key="`error-${validMessage}`"
       :data-testid="descriptionId"