import Vue from 'vue';
import Vuex from 'vuex';
import vuexI18n from 'vuex-i18n';
import VueRouter from 'vue-router';

// Helpers
import { Ziggy } from './helpers/ziggy';
import Locales from './../../../resources/lang/locales';
import { flash } from './mixins/flash';

import fontawesome from '@fortawesome/fontawesome';
import faSolid from '@fortawesome/fontawesome-free-solid';
import FontAwesomeIcon from '@fortawesome/vue-fontawesome';
fontawesome.library.add(faSolid);

import { routes } from './routes';
import createStore from './store';

window.events = new Vue;
window.Ziggy = Ziggy;

Vue.use(VueRouter);
const router = new VueRouter({
    mode: 'history', routes
});

Vue.use(Vuex);
const store = createStore(router);

const route = require('./../../../vendor/tightenco/ziggy/src/js/route').default;

Vue.config.productionTip = false;
Vue.mixin({ methods: { route } });
Vue.mixin(flash);

Vue.use(vuexI18n.plugin, store);

Vue.i18n.add('en', Locales.en);
Vue.i18n.set('en');

Vue.component('font-awesome-icon', FontAwesomeIcon);


require('./bootstrap');

const app = new Vue({ store, router }).$mount('#pterodactyl');