duplicate events calling when navigate back and forth with vue router

[Quizee60]

Within an app with Vue router, as we navigate back and forth. a component that use vuedals, event bus always remember the previous push call back event such as new, close, dismiss and as we visit the component page that use vuedals again it will push that same event again and again.

this is due to whenever component.vue created() hook is called, it keep push event new, close, dismiss to the event bus which previously remembered.

so when we close a modal will call function onClose(data) many times.