fix: move @after-leave event binding to DialogContent

nuxt · Feb 24, 2025 · 5539910 · 5539910
1 parent 67a14ed
commit 5539910
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/runtime/components/Modal.vue b/src/runtime/components/Modal.vue
@@ -129,10 +129,9 @@ const ui = computed(() => modal({
       <DialogOverlay
         v-if="overlay"
         :class="ui.overlay({ class: props.ui?.overlay })"
-        @after-leave="emits('after:leave')"
       />
 
-      <DialogContent :class="ui.content({ class: [!slots.default && props.class, props.ui?.content] })" v-bind="contentProps" v-on="contentEvents">
+      <DialogContent :class="ui.content({ class: [!slots.default && props.class, props.ui?.content] })" v-bind="contentProps" @after-leave="emits('after:leave')" v-on="contentEvents">
         <VisuallyHidden v-if="!!slots.content && ((title || !!slots.title) || (description || !!slots.description))">
           <DialogTitle v-if="title || !!slots.title">
             <slot name="title">