frontend/src/main.js

import Vue from 'vue'
import './plugins/axios'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import uuid from 'uuid'
import store from './store'
import { SET_MESSAGE } from '@/store/types/message-types'
import moment from '@/plugins/moment'

Vue.config.productionTip = false
Vue.prototype.$uuid = uuid
Vue.prototype.$moment = moment

Vue.prototype.$setMessage = function ({ message, type = 'info' }) {
  this.$store.commit(SET_MESSAGE, {
    message: message,
    type: type
  })
}

Vue.prototype.$setSuccessMessage = function (message) {
  this.$store.commit(SET_MESSAGE, {
    message: message,
    type: 'success'
  })
}

Vue.prototype.$setInfoMessage = function (message) {
  this.$store.commit(SET_MESSAGE, {
    message: message,
    type: 'info'
  })
}

Vue.prototype.$setErrorMessage = function (message) {
  this.$store.commit(SET_MESSAGE, {
    message: message,
    type: 'error'
  })
}

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')