fix(Divider): display a single border when no content

nuxt · Oct 5, 2023 · 3c5c338 · 3c5c338
1 parent eb9ce6a
commit 3c5c338
Showing 1 changed file with 12 additions and 10 deletions.
diff --git 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>