Discussion on: How to create a global snackbar using Nuxt, Vuetify and Vuex.

// src/plugins/snackbar.js const snackbarPlugin = { install: (Vue, { store }) => { if (!store) { throw new Error('Please provide vuex store.'); } Vue.prototype.$snackbar = { showMessage: function ({ content = '', color = '' }) { store.commit( 'snackbar/showMessage', { content, color }, { root: true } ); } }; }, }; export default snackbarPlugin; 

// src/main.js import Vue from 'vue'; import App from './App.vue'; import router from './router'; import store from './store'; import snackbarPlugin from './plugins/snackbar'; Vue.use(snackbarPlugin, { store }) Vue.config.productionTip = false; new Vue({ router, store, render: (h) => h(App), }).$mount('#app');