From a70ba04fc365c2d1c5fcf1b1ac47ab9065411b71 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Wed, 18 Sep 2024 17:31:42 +0200 Subject: [PATCH] chore(Alert): rename `close` event to `update:open` for consistency --- docs/content/3.components/alert.md | 2 +- src/runtime/components/Alert.vue | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/content/3.components/alert.md b/docs/content/3.components/alert.md index c1159f3a..25c8caff 100644 --- a/docs/content/3.components/alert.md +++ b/docs/content/3.components/alert.md @@ -110,7 +110,7 @@ props: Use the `close` prop to display a [Button](/components/button) to dismiss the Alert. ::tip -A `close` event will be emitted when the close button is clicked. +An `update:open` event will be emitted when the close button is clicked. :: Use the `close-icon` prop to customize the button [Icon](/components/icon). Defaults to `i-heroicons-x-mark-20-solid`. diff --git a/src/runtime/components/Alert.vue b/src/runtime/components/Alert.vue index b627b1b6..10ec3cbe 100644 --- a/src/runtime/components/Alert.vue +++ b/src/runtime/components/Alert.vue @@ -46,7 +46,7 @@ export interface AlertProps { } export interface AlertEmits { - (e: 'close'): void + (e: 'update:open', value: boolean): void } export interface AlertSlots { @@ -122,7 +122,7 @@ const ui = computed(() => alert({ aria-label="Close" v-bind="typeof close === 'object' ? close : undefined" :class="ui.close({ class: props.ui?.close })" - @click="emits('close')" + @click="emits('update:open', false)" />