From 3c5c3389f8cdfcf9b70f1bb7d5553d0be55278a4 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 5 Oct 2023 15:13:57 +0200
Subject: [PATCH] fix(Divider): display a single border when no content

---
 src/runtime/components/layout/Divider.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/runtime/components/layout/Divider.vue b/src/runtime/components/layout/Divider.vue
index bad34aa4..f7207506 100644
--- a/src/runtime/components/layout/Divider.vue
+++ b/src/runtime/components/layout/Divider.vue
@@ -2,17 +2,19 @@
   <div :class="wrapperClass" v-bind="attrs">
     <div :class="borderClass" />
 
-    <div v-if="label || icon || avatar || $slots.default" :class="containerClass">
-      <slot>
-        <span v-if="label" :class="ui.label">
-          {{ label }}
-        </span>
-        <UIcon v-else-if="icon" :name="icon" :class="ui.icon.base" />
-        <UAvatar v-else-if="avatar" v-bind="{ size: ui.avatar.size, ...avatar }" :class="ui.avatar.base" />
-      </slot>
-    </div>
+    <template v-if="label || icon || avatar || $slots.default">
+      <div :class="containerClass">
+        <slot>
+          <span v-if="label" :class="ui.label">
+            {{ label }}
+          </span>
+          <UIcon v-else-if="icon" :name="icon" :class="ui.icon.base" />
+          <UAvatar v-else-if="avatar" v-bind="{ size: ui.avatar.size, ...avatar }" :class="ui.avatar.base" />
+        </slot>
+      </div>
 
-    <div :class="borderClass" />
+      <div :class="borderClass" />
+    </template>
   </div>
 </template>