From 731ca046565893e07aea4516c1fdc1c004d1dcf6 Mon Sep 17 00:00:00 2001
From: John Tanz <82201261+moshetanzer@users.noreply.github.com>
Date: Mon, 13 May 2024 23:15:41 +0200
Subject: [PATCH 1/8] add actions slot

---
 src/runtime/components/elements/Alert.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/runtime/components/elements/Alert.vue b/src/runtime/components/elements/Alert.vue
index 2ba3b71c73..33b9897fb6 100644
--- a/src/runtime/components/elements/Alert.vue
+++ b/src/runtime/components/elements/Alert.vue
@@ -20,8 +20,10 @@
           </slot>
         </p>
 
-        <div v-if="(description || $slots.description) && actions.length" :class="ui.actions">
+        <div v-if="description || $slots.description || $slots.actions || actions.length" :class="ui.actions">
+          <slot name="actions">
           <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...(ui.default.actionButton || {}), ...action }" @click.stop="onAction(action)" />
+          </slot
         </div>
       </div>
       <div v-if="closeButton || (!description && !$slots.description && actions.length)" :class="twMerge(ui.actions, 'mt-0')">

From d9652a22d531d52ed33a8f00fb3bf45b914d1c05 Mon Sep 17 00:00:00 2001
From: John Tanz <82201261+moshetanzer@users.noreply.github.com>
Date: Mon, 13 May 2024 23:21:10 +0200
Subject: [PATCH 2/8] Update alert.md

---
 docs/content/2.components/alert.md | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/docs/content/2.components/alert.md b/docs/content/2.components/alert.md
index 3018831939..406ee11dca 100644
--- a/docs/content/2.components/alert.md
+++ b/docs/content/2.components/alert.md
@@ -175,6 +175,12 @@ Use the `#avatar` slot to customize the displayable avatar.
 
 :component-example{component="alert-example-avatar"}
 
+### `actions` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
+
+Use the `#actions` slot to add custom user interaction elements.
+
+:component-example{component="alert-example-actions"}
+
 ## Props
 
 :component-props

From ebe45e9e466005d168880faa9d23213312062039 Mon Sep 17 00:00:00 2001
From: Moshe Tanzer <tanzermt@gmail.com>
Date: Tue, 14 May 2024 14:36:57 +0200
Subject: [PATCH 3/8] fix lint

---
 playground/app.vue                        | 16 +++++-----------
 src/runtime/components/elements/Alert.vue |  4 ++--
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/playground/app.vue b/playground/app.vue
index 5c8f5a2b52..14a7a73fbd 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -1,15 +1,9 @@
 <template>
-  <UContainer class="min-h-screen flex items-center">
-    <UCard class="flex-1" :ui="{ background: 'bg-gray-50 dark:bg-gray-800/50', ring: 'ring-1 ring-gray-300 dark:ring-gray-700', divide: 'divide-y divide-gray-300 dark:divide-gray-700', header: { base: 'font-bold' } }">
-      <template #header>
-        Welcome to the playground!
-      </template>
-
-      <p class="text-gray-500 dark:text-gray-400">
-        Try your components here!
-      </p>
-    </UCard>
-  </UContainer>
+  <UAlert>
+    <template #actions>
+      <UInput />
+    </template>
+  </UAlert>
 </template>
 
 <script setup>
diff --git a/src/runtime/components/elements/Alert.vue b/src/runtime/components/elements/Alert.vue
index 33b9897fb6..82ab6b19db 100644
--- a/src/runtime/components/elements/Alert.vue
+++ b/src/runtime/components/elements/Alert.vue
@@ -22,8 +22,8 @@
 
         <div v-if="description || $slots.description || $slots.actions || actions.length" :class="ui.actions">
           <slot name="actions">
-          <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...(ui.default.actionButton || {}), ...action }" @click.stop="onAction(action)" />
-          </slot
+            <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...(ui.default.actionButton || {}), ...action }" @click.stop="onAction(action)" />
+          </slot>
         </div>
       </div>
       <div v-if="closeButton || (!description && !$slots.description && actions.length)" :class="twMerge(ui.actions, 'mt-0')">

From df323c04de1cdd8636a1f93f1951171aec84f611 Mon Sep 17 00:00:00 2001
From: Moshe Tanzer <tanzermt@gmail.com>
Date: Tue, 14 May 2024 14:37:41 +0200
Subject: [PATCH 4/8] remove play changes

---
 playground/app.vue | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/playground/app.vue b/playground/app.vue
index 14a7a73fbd..5c8f5a2b52 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -1,9 +1,15 @@
 <template>
-  <UAlert>
-    <template #actions>
-      <UInput />
-    </template>
-  </UAlert>
+  <UContainer class="min-h-screen flex items-center">
+    <UCard class="flex-1" :ui="{ background: 'bg-gray-50 dark:bg-gray-800/50', ring: 'ring-1 ring-gray-300 dark:ring-gray-700', divide: 'divide-y divide-gray-300 dark:divide-gray-700', header: { base: 'font-bold' } }">
+      <template #header>
+        Welcome to the playground!
+      </template>
+
+      <p class="text-gray-500 dark:text-gray-400">
+        Try your components here!
+      </p>
+    </UCard>
+  </UContainer>
 </template>
 
 <script setup>

From 8b0f70bafd727d1cb914739b3908733091d84780 Mon Sep 17 00:00:00 2001
From: Moshe Tanzer <tanzermt@gmail.com>
Date: Tue, 14 May 2024 15:07:42 +0200
Subject: [PATCH 5/8] fix condition and add slot

---
 src/runtime/components/elements/Alert.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/runtime/components/elements/Alert.vue b/src/runtime/components/elements/Alert.vue
index 82ab6b19db..15431b84dd 100644
--- a/src/runtime/components/elements/Alert.vue
+++ b/src/runtime/components/elements/Alert.vue
@@ -20,7 +20,7 @@
           </slot>
         </p>
 
-        <div v-if="description || $slots.description || $slots.actions || actions.length" :class="ui.actions">
+        <div v-if="(description || $slots.description || $slots.actions) && (actions.length || $slots.actions)" :class="ui.actions">
           <slot name="actions">
             <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...(ui.default.actionButton || {}), ...action }" @click.stop="onAction(action)" />
           </slot>
@@ -28,7 +28,9 @@
       </div>
       <div v-if="closeButton || (!description && !$slots.description && actions.length)" :class="twMerge(ui.actions, 'mt-0')">
         <template v-if="!description && !$slots.description && actions.length">
+          <slot name="actions">
           <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...(ui.default.actionButton || {}), ...action }" @click.stop="onAction(action)" />
+        </slot>
         </template>
 
         <UButton v-if="closeButton" aria-label="Close" v-bind="{ ...(ui.default.closeButton || {}), ...closeButton }" @click.stop="$emit('close')" />

From 6b0fe18fe23f20ee97f57df959d8dc222ea95914 Mon Sep 17 00:00:00 2001
From: Moshe Tanzer <tanzermt@gmail.com>
Date: Tue, 14 May 2024 15:08:39 +0200
Subject: [PATCH 6/8] lint

---
 src/runtime/components/elements/Alert.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/elements/Alert.vue b/src/runtime/components/elements/Alert.vue
index 15431b84dd..fd24ba46d8 100644
--- a/src/runtime/components/elements/Alert.vue
+++ b/src/runtime/components/elements/Alert.vue
@@ -29,8 +29,8 @@
       <div v-if="closeButton || (!description && !$slots.description && actions.length)" :class="twMerge(ui.actions, 'mt-0')">
         <template v-if="!description && !$slots.description && actions.length">
           <slot name="actions">
-          <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...(ui.default.actionButton || {}), ...action }" @click.stop="onAction(action)" />
-        </slot>
+            <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...(ui.default.actionButton || {}), ...action }" @click.stop="onAction(action)" />
+          </slot>
         </template>
 
         <UButton v-if="closeButton" aria-label="Close" v-bind="{ ...(ui.default.closeButton || {}), ...closeButton }" @click.stop="$emit('close')" />

From 56eff851bf482527191f78b75570fe5f8145b85f Mon Sep 17 00:00:00 2001
From: John Tanz <82201261+moshetanzer@users.noreply.github.com>
Date: Tue, 14 May 2024 15:45:35 +0200
Subject: [PATCH 7/8] Update Alert.vue

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
---
 src/runtime/components/elements/Alert.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/runtime/components/elements/Alert.vue b/src/runtime/components/elements/Alert.vue
index fd24ba46d8..20e70cba97 100644
--- a/src/runtime/components/elements/Alert.vue
+++ b/src/runtime/components/elements/Alert.vue
@@ -20,7 +20,7 @@
           </slot>
         </p>
 
-        <div v-if="(description || $slots.description || $slots.actions) && (actions.length || $slots.actions)" :class="ui.actions">
+        <div v-if="(description || $slots.description) && (actions.length || $slots.actions)" :class="ui.actions">
           <slot name="actions">
             <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...(ui.default.actionButton || {}), ...action }" @click.stop="onAction(action)" />
           </slot>

From ab8baa4e017d4d5f5bd6e51072164b2977615f85 Mon Sep 17 00:00:00 2001
From: John Tanz <82201261+moshetanzer@users.noreply.github.com>
Date: Tue, 14 May 2024 15:47:13 +0200
Subject: [PATCH 8/8] Update Alert.vue

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
---
 src/runtime/components/elements/Alert.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/runtime/components/elements/Alert.vue b/src/runtime/components/elements/Alert.vue
index 20e70cba97..b0af93ca65 100644
--- a/src/runtime/components/elements/Alert.vue
+++ b/src/runtime/components/elements/Alert.vue
@@ -27,7 +27,7 @@
         </div>
       </div>
       <div v-if="closeButton || (!description && !$slots.description && actions.length)" :class="twMerge(ui.actions, 'mt-0')">
-        <template v-if="!description && !$slots.description && actions.length">
+        <template v-if="!description && !$slots.description && (actions.length || $slots.actions)">
           <slot name="actions">
             <UButton v-for="(action, index) of actions" :key="index" v-bind="{ ...(ui.default.actionButton || {}), ...action }" @click.stop="onAction(action)" />
           </slot>