Vue-notification in the action VUEX

using-vue-notification-in-action-vuex.js

# src/vuex/actions.js

export default {
  ...
  notify: (store, data) => {
    Vue.prototype.$notify({
      group: (data.group || 'general'),
      type: (data.type || 'warn'),
      duration: (data.time || 6000),
      speed: (data.speed || 1000),
      text: (data.text || ''),
      title: (data.title || null)
    })
  },
  ...
}



# src/components/MyComponent.vue
<template>...</template>
<script>
export default {
  name: 'MyComponent',
  data () {
    return {
      ...
    }
  }
  methods: {
    someMethod () {
      ...
      this.$store.dispatch('notify', {text: 'Some message of success', type: 'success'})
      ...
    }
  }
}
</script>