Emit issue on Vue 3.

Hi,

Here is my app.js code:
import mitt from 'mitt'
const emitter = mitt();

app.config.globalProperties.$bus = emitter;

Here is my ActionButton.vue code

export default {
props: ["data", "index",'showDelete'],
methods: {
getBasicDetails(id) {
this.$bus.emit("details", id);
},
deleteRecord(id) {
this.$swal
.fire({
title: "Are you sure?",
html: "You want to delete",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#60217D",
cancelButtonColor: "#d33",
confirmButtonText: "Yes",
})
.then((result) => {
if (result.value) {
this.$bus.emit("delete", id);
}
});
},
},
};

When we click on the edit button that time this.$bus.emit() event is not fire. can you please help me for the error occured.

Thanks!

Comienza con la configuración de app.js y el componente ActionButton.vue mostrados en la issue, y luego sigue dónde se crea, expone y escucha el emisor de mitt. Reproduce el clic en edit-button y documenta el detalle de integración que falta o una reproducción mínima a nivel del repositorio; la issue no indica ningún archivo del proyecto ni ninguna prueba que actualizar.

Escrito por el modelo de indexación a partir del texto del issue.