From 2d157090c029afb715706e7b464d37c0c377ea82 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 25 Apr 2024 17:57:18 +0200
Subject: [PATCH] feat(Alert): add `actions` slot

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

diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue
index 8f74049c..d5ecaa8a 100644
--- a/src/runtime/components/Alert.vue
+++ b/src/runtime/components/Alert.vue
@@ -34,6 +34,7 @@ export interface AlertSlots {
   leading(): any
   title(): any
   description(): any
+  actions(): any
   close(): any
 }
 </script>
@@ -81,13 +82,17 @@ const ui = computed(() => tv({ extend: alert, slots: props.ui })({
       </template>
 
       <div v-if="multiline && actions?.length" :class="ui.actions({ multiline: true })">
-        <UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
+        <slot name="actions">
+          <UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
+        </slot>
       </div>
     </div>
 
     <div v-if="(!multiline && actions?.length) || close" :class="ui.actions({ multiline: false })">
       <template v-if="!multiline">
-        <UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
+        <slot name="actions">
+          <UButton v-for="(action, index) in actions" :key="index" size="xs" v-bind="action" />
+        </slot>
       </template>
 
       <slot name="close" :class="ui.close()">