From 8b138d905eb26f6498af797f963df07ecb72de65 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Wed, 23 Jul 2025 09:53:34 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=20refactor:=20required-ti?=
 =?UTF-8?q?p=20slot=20improved?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/label/VLabel.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/label/VLabel.vue b/src/components/label/VLabel.vue
index ae1cd1e..10a1144 100644
--- a/src/components/label/VLabel.vue
+++ b/src/components/label/VLabel.vue
@@ -24,12 +24,11 @@ const props = withDefaults(defineProps<IVLabel>(), {
     :aria-disabled="props.disabled"
   >
     {{ props.label }}
-    <slot name="required-type">
-      <span
-        v-if="props.required"
-        :class="{ 'required': props.required }"
-      >*</span>
-    </slot>
+    <template v-if="props.required">
+      <span v-if="props.required" :class="{ 'required': !props.disabled}">
+        <slot name="required-tip">*</slot>
+      </span>
+    </template>
     <VHint
       v-if="props.hint"
       :title="props.hint"
@@ -43,5 +42,8 @@ const props = withDefaults(defineProps<IVLabel>(), {
 .success {color: var(--text-default-success);}
 .error {color: var(--text-default-error);}
 .disabled {color: var(--text-disabled-grey);}
-.required {color: var(--minor-red-marianne);}
+.required {
+  color: var(--minor-red-marianne);
+  display: inline;
+}
 </style>