I have an issue that needs to be resolved.

a.ts

const open = ref<boolean>(false)
h(RowAction, {
  onDelete: () => {
    Data.remove().then(() => {}).catch(() => {}).finally(() => (open.value = false))
  }
})

RowAction.vue

<script lang="ts" setup>
defineEmits<{ (e: 'delete'): void }>
</script>

<template>
  <div>
    <button @click="$emit('delete')">
      delete
    </button>
  </div>
  <my-alert :open="open">
    <alert-tetx>test</alert-text>
    <button @click="open = false">close</button>
    <button @click="$emit('delete')">delete</button>
  </my-alert>
</template>

I want the delete event to run when clicked, and the alert to close after the promise resolves or rejects. However, I don’t know why my code is not running.

Thanks!