global mixin for toasting error and success

frontend/src/main.js

@@ -3,6 +3,7 @@ import DashboardPlugin from './plugins/dashboard-plugin'
 import App from './App.vue'
 import i18n from './i18n.js'
 import { loadAllRules } from './validation-rules'
+import { toasters } from './mixins/toaster'
 
 import 'regenerator-runtime'
 
@@ -18,6 +19,8 @@ import { apolloProvider } from './plugins/apolloProvider'
 Vue.use(DashboardPlugin)
 Vue.config.productionTip = false
 
+Vue.mixin(toasters)
+
 Vue.toasted.register(
   'error',
   (payload) => {

frontend/src/mixins/toaster.js

@@ -0,0 +1,24 @@
+export const toasters = {
+  methods: {
+    toastSuccess(message) {
+      this.toast(message, {
+        title: this.$t('success'),
+        variant: 'danger',
+      })
+    },
+    toastError(message) {
+      this.toast(message, {
+        title: this.$t('error.error'),
+        variant: 'success',
+      })
+    },
+    toast(message, options) {
+      this.$bvToast.toast(message, {
+        autoHideDelay: 5000,
+        appendToast: false,
+        solid: true,
+        ...options,
+      })
+    },
+  },
+}