import Vue from 'vue';

// Components
import './components'

// Plugins
import './plugins'
import './plugins/vuetify'

// Config
import { baseUrl } from './config'

// Styles
import '@/styles/css/Assets/Main.scss'

// Sync router with store
import { sync } from 'vuex-router-sync'
// Application imports
import App from './App.vue'
import i18n from '@/i18n'
import router from '@/router'
import store from '@/store'

import VueLazyLoad from 'vue-lazyload';
Vue.use(VueLazyLoad)
import { ApiService, TokenService } from '@/services'
// Sync store with router
sync(store, router)

// Vue filter for string
Vue.filter('text_20_letter', function(value) {
  if (!value) return '';
  return value.slice(0, 20);
});

Vue.config.productionTip = false
ApiService.setHeader();
// Set the base URL of the API
ApiService.init(baseUrl())

require('./services/global/errorHandler.service');
// If token exists set Authorization header
if (TokenService.getToken()) {
  ApiService.setAuthHeader();

  // If info exists set info in Store
  if (TokenService.getInfo()) {
    let info = TokenService.getInfo();
    store.commit('setInfo', info);
  } else {
    store.dispatch('info');
  }
}

import hasRole from '@/services/mixin/hasRole'
Vue.mixin(hasRole)

/* eslint-disable no-new */
new Vue({
  // vuetify,
  i18n,
  router,
  store,
  render: h => h(App),
  iconfont: 'mdi'
}).$mount('#app');