31 lines
1 KiB
JavaScript
31 lines
1 KiB
JavaScript
// we need our modal component
|
|
import ModalDialog from './ModalDialog'
|
|
|
|
const Modal = {
|
|
// every plugin for Vue.js needs install method
|
|
// this method will run after Vue.use(<your-plugin-here>) is executed
|
|
install(Vue, options) {
|
|
// We must create new Eventbus
|
|
// which is just another Vue instance that will be listening for and emiting events from our main instance
|
|
// this EventBus will be available as Modal.EventBus
|
|
this.EventBus = new Vue()
|
|
|
|
// making our modal component global
|
|
// eslint-disable-next-line vue/match-component-file-name
|
|
Vue.component('ModalDialog', ModalDialog)
|
|
|
|
// exposing global $modal object with method show()
|
|
// method show() takes object params as argument
|
|
// inside this object we can have modal title, text, styles... and also our callback confirm function
|
|
Vue.prototype.$modal = {
|
|
show(params) {
|
|
// if we use this.$modal.show(params) inside our original Vue instance
|
|
// we will emit 'show' event with parameters 'params'
|
|
Modal.EventBus.$emit('show', params)
|
|
},
|
|
}
|
|
},
|
|
}
|
|
|
|
export default Modal
|