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!

Issue に示されている app.js のセットアップと ActionButton.vue コンポーネントから始め、次に mitt emitter がどこで作成され、公開され、リッスンされているかを追跡します。edit-button のクリックを再現し、不足している統合の詳細または最小限のリポジトリレベルの再現を記録してください。この issue では、更新対象のプロジェクトファイルやテストは指定されていません。

索引モデルが issue の本文から書いたものです。