import '../styles';

import Vue from 'vue'
import { sync } from 'vuex-router-sync';
import VueProgressBar from "vue-progressbar";
import config from '../config';
import store from '../store';
import router from '../router';
import '../lib/GlobalMixins';
import App from '../components/App';

Vue.use(VueProgressBar, {
//  color: '#bffaf3',
//  failedColor: '#874b4b',
//   thickness: '5px',
//   transition: {
//     speed: '0.2s',
//     opacity: '0.6s',
//     termination: 300
//   },
//   autoRevert: true,
//   location: 'left',
//   inverse: false
});

sync(store, router);

document.addEventListener('DOMContentLoaded', () => {

  const app = document.getElementById('app');
  config.baseApiUrl = app.dataset.url;

  window.$vm = new Vue({
    el: '#app',
    store,
    router,
    render: createElement => createElement('App'),
    components: { App }
  });
});