onspot-frontend/src/main.js

import Vue from 'vue'
import App from '@/App.vue'
import router from '@/router'
import store from '@/store'
import api from "@/api";

import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.config.productionTip = false
Vue.prototype.$api = api

Vue.use(BootstrapVue)
Vue.use(IconsPlugin)


Vue.prototype.$showToast = function (text, type = 'error', local=true) {

  let options = {}
  switch (type) {
    case "error":
      options = {
        title: "Error!",
        variant: "danger"
      }
      break;
    case "user_error":
      options = {
        title: "Warning!",
        variant: "warning"
      }
      break;
    case "success":
      options = {
        title: "Success!",
        variant: "success"
      }
      break;
  }

  const bvToast = local ? this.$bvToast : this.$root.$bvToast

  bvToast.toast(text, {
    ...options,
    toaster: 'b-toaster-top-center',
    solid: true,
    appendToast: false
  })
}

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