From f244d15b96d97cd8ba34ba9c18f23965e17e3cef Mon Sep 17 00:00:00 2001
From: Malik <48517781+malik-jouda@users.noreply.github.com>
Date: Fri, 9 May 2025 20:27:00 +0300
Subject: [PATCH] fix(Badge/Button): handle zero value in label correctly
 (#4108)

---
 src/runtime/components/Badge.vue  | 2 +-
 src/runtime/components/Button.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/Badge.vue b/src/runtime/components/Badge.vue
index 08a5ad9c..16f28b3f 100644
--- a/src/runtime/components/Badge.vue
+++ b/src/runtime/components/Badge.vue
@@ -72,7 +72,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.badge || {})
     </slot>
 
     <slot>
-      <span v-if="label" :class="ui.label({ class: props.ui?.label })">
+      <span v-if="label !== undefined && label !== null" :class="ui.label({ class: props.ui?.label })">
         {{ label }}
       </span>
     </slot>
diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index 3e14bb68..e4a9efa9 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -143,7 +143,7 @@ const ui = computed(() => tv({
       </slot>
 
       <slot>
-        <span v-if="label" :class="ui.label({ class: props.ui?.label, active })">
+        <span v-if="label !== undefined && label !== null" :class="ui.label({ class: props.ui?.label, active })">
           {{ label }}
         </span>
       </slot>