import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import axios from 'axios'

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

import VueHotkey from 'v-hotkey'

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

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

Vue.config.productionTip = false

Vue.prototype.$api = axios.create({
  baseURL: process.env.VUE_APP_API_LOCATION
});

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: "Oopsie woopsie",
        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-right',
    solid: true,
    appendToast: false
  })
}

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