import 'font-awesome/css/font-awesome.min.css'
import Vue from 'vue'
// Components
import './components'

// Plugins
import './plugins'

// Material FontIcon
import 'material-design-icons-iconfont/dist/material-design-icons.css'
// Fortawesome
import '@fortawesome/fontawesome-free/css/all.css'
// 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 { ApiService, TokenService } from '@/services'
// Sync store with router
sync(store, router)

Vue.config.productionTip = false

// Set the base URL of the API
ApiService.init(process.env.MIX_APP_ROOT_API)

// If token exists set header
if (TokenService.getToken()) {
  ApiService.setHeader()
}

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