main.js

import 'vue-loading-overlay/dist/vue-loading.css'
import 'izitoast/dist/css/iziToast.min.css'

import Vue from 'vue'
import App from './App.vue'
import router from './router'
// import './registerServiceWorker'
import store from './store/store'
import DashboardPlugin from './plugins/dashboard'
import utilsMixins from './mixins/utils_mixin'
import userMixins from './mixins/user_mixin'
import tokenMixins from './mixins/token_mixin'
import VueTelInput from 'vue-tel-input'
import VueLoading from 'vue-loading-overlay'
import VueIziToast from 'vue-izitoast'
import Datepicker from 'vuejs-datepicker'
import vSelect from 'vue-select';
import { requiresAuth, requiresNoAuth } from './middleware'

import wysiwyg from "vue-wysiwyg";
Vue.use(wysiwyg, {}); // config is optional. more below
import "vue-wysiwyg/dist/vueWysiwyg.css";
import "vue-select/dist/vue-select.css";

router.beforeEach((to, from, next) => {
  requiresAuth(to, from, next, store.state)
  requiresNoAuth(to, from, next, store.state)
})

Vue.config.productionTip = false
Vue.mixin(utilsMixins)
Vue.mixin(tokenMixins)
Vue.mixin(userMixins)

Vue.use(VueLoading)
Vue.use(VueTelInput)
Vue.use(VueIziToast)
Vue.component('datepicker', Datepicker)
Vue.component('v-select', vSelect)
Vue.component('Loading', VueLoading)

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