Merge pull request #607 from dnum-mi/fix/label-visible-prop-in-search-bar

fix(DsfrSearchbar): 🐛 corrige le bug de la prop label-visible

Author: laruiss

src/components/DsfrHeader/DsfrHeaderMenuLink.vue

@@ -16,7 +16,7 @@ export type DsfrHeaderMenuLinkProps = {
 }
 
 const props = withDefaults(defineProps<DsfrHeaderMenuLinkProps>(), {
-  icon: '',
+  icon: undefined,
   iconAttrs: () => ({}),
   onClick: () => undefined,
   target: '_self',
@@ -66,20 +66,26 @@ const linkData = computed(() => {
     :target="target"
     @click.stop="onClick"
   >
-    <VIcon
+    <template
       v-if="(icon || iconAttrs) && !iconRight"
-      :name="icon"
-      class="fr-mr-1w"
-      v-bind="iconAttrs"
-    />
+    >
+      <VIcon
+        :name="icon"
+        class="fr-mr-1w"
+        v-bind="iconAttrs"
+      />
+    </template>
 
     {{ label }}
 
-    <VIcon
+    <template
       v-if="(icon || iconAttrs) && iconRight"
-      :name="icon"
-      class="fr-ml-1w"
-      v-bind="iconAttrs"
-    />
+    >
+      <VIcon
+        :name="icon"
+        class="fr-ml-1w"
+        v-bind="iconAttrs"
+      />
+    </template>
   </component>
 </template>

src/components/DsfrSearchBar/DsfrSearchBar.vue

@@ -39,7 +39,7 @@ defineEmits<{
       type="search"
       :placeholder="placeholder"
       :model-value="modelValue"
-      :label-visible="false"
+      :label-visible="labelVisible"
       :label="label"
       :disabled="disabled"
       @update:model-value="$emit('update:modelValue', $event)"