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

// without this async calls are not working
import 'regenerator-runtime'

import store from './store/store'

import router from './router/router'
import addNavigationGuards from './router/guards'

import i18n from './i18n'

import VueApollo from 'vue-apollo'

import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

import moment from 'vue-moment'
import Toasted from 'vue-toasted'

import { apolloProvider } from './plugins/apolloProvider'

Vue.use(BootstrapVue)

Vue.use(IconsPlugin)

Vue.use(moment)

Vue.use(VueApollo)

Vue.use(Toasted, {
  position: 'top-center',
  duration: 5000,
  fullWidth: true,
  action: {
    text: 'x',
    onClick: (e, toastObject) => {
      toastObject.goAway(0)
    },
  },
})

addNavigationGuards(router, store, apolloProvider.defaultClient, i18n)

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