From bfe9cbd3023e995cce47d507e0709493146e5c87 Mon Sep 17 00:00:00 2001
From: barbapapazes <e.soubiran25@gmail.com>
Date: Sun, 7 Sep 2025 15:51:05 +0200
Subject: [PATCH] feat(PageHeader): wrapper slot

---
 src/runtime/components/PageHeader.vue | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/runtime/components/PageHeader.vue b/src/runtime/components/PageHeader.vue
index 75aaeef5be..3edb08778e 100644
--- a/src/runtime/components/PageHeader.vue
+++ b/src/runtime/components/PageHeader.vue
@@ -26,6 +26,7 @@ export interface PageHeaderProps {
 
 export interface PageHeaderSlots {
   headline(props?: {}): any
+  wrapper(props?: { ui: PageHeader['slots'] }): any
   title(props?: {}): any
   description(props?: {}): any
   links(props?: {}): any
@@ -60,17 +61,19 @@ const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.pageHeader |
 
     <div :class="ui.container({ class: props.ui?.container })">
       <div :class="ui.wrapper({ class: props.ui?.wrapper })">
-        <h1 v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
-          <slot name="title">
-            {{ title }}
-          </slot>
-        </h1>
+        <slot name="wrapper" :ui="ui">
+          <h1 v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
+            <slot name="title">
+              {{ title }}
+            </slot>
+          </h1>
 
-        <div v-if="links?.length || !!slots.links" :class="ui.links({ class: props.ui?.links })">
-          <slot name="links">
-            <UButton v-for="(link, index) in links" :key="index" color="neutral" variant="outline" v-bind="link" />
-          </slot>
-        </div>
+          <div v-if="links?.length || !!slots.links" :class="ui.links({ class: props.ui?.links })">
+            <slot name="links">
+              <UButton v-for="(link, index) in links" :key="index" color="neutral" variant="outline" v-bind="link" />
+            </slot>
+          </div>
+        </slot>
       </div>
 
       <div v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">