fix(Banner): ensure actions slot renders (#4946)

HugoRCD · web-flow · commit 5d6e1fcb29d7 · 2025-09-11T12:39:02.000+02:00
diff --git a/src/runtime/components/Banner.vue b/src/runtime/components/Banner.vue
@@ -145,7 +145,7 @@ function onClose() {
           </slot>
         </div>
 
-        <div v-if="actions?.length" :class="ui.actions({ class: props.ui?.actions })">
+        <div v-if="actions?.length || !!slots.actions" :class="ui.actions({ class: props.ui?.actions })">
           <slot name="actions">
             <UButton v-for="(action, index) in actions" :key="index" color="neutral" size="xs" v-bind="action" />
           </slot>
diff --git a/test/components/__snapshots__/Banner-vue.spec.ts.snap b/test/components/__snapshots__/Banner-vue.spec.ts.snap
@@ -26,7 +26,7 @@ exports[`Banner > renders with actions slot correctly 1`] = `
     <div data-v-0fc735df="" class="flex items-center gap-1.5 min-w-0">
       <!--v-if-->
       <!--v-if-->
-      <!--v-if-->
+      <div data-v-0fc735df="" class="flex gap-1.5 shrink-0 isolate">Actions slot</div>
     </div>
     <div data-v-0fc735df="" class="lg:flex-1 flex items-center justify-end">
       <!--v-if-->
diff --git a/test/components/__snapshots__/Banner.spec.ts.snap b/test/components/__snapshots__/Banner.spec.ts.snap
@@ -26,7 +26,7 @@ exports[`Banner > renders with actions slot correctly 1`] = `
     <div data-v-8f05efd1="" class="flex items-center gap-1.5 min-w-0">
       <!--v-if-->
       <!--v-if-->
-      <!--v-if-->
+      <div data-v-8f05efd1="" class="flex gap-1.5 shrink-0 isolate">Actions slot</div>
     </div>
     <div data-v-8f05efd1="" class="lg:flex-1 flex items-center justify-end">
       <!--v-if-->
