@shanehoban/vue-toaster/src/api/index.js

Vue.js toaster notification

import Toaster from '../Toaster.vue'
import mount from '../helpers/mount-component'
import emitter from '../helpers/mitt'

const Api = (globalOptions = {}) => {
  return {
    show(message, options = {}) {
      let localOptions = { message, ...options }
      const c = mount(Toaster, {
        props: { ...globalOptions, ...localOptions }
      })
      return c
    },
    clear() {
      emitter.emit('toast-clear')
    },
    success(message, options = {}) {
      options.type = 'success'
      return this.show(message, options)
    },
    error(message, options = {}) {
      options.type = 'error'
      return this.show(message, options)
    },
    info(message, options = {}) {
      options.type = 'info'
      return this.show(message, options)
    },
    warning(message, options = {}) {
      options.type = 'warning'
      return this.show(message, options)
    }
  }
}

export default Api