import Vue from 'vue';
import VueAxios from 'vue-axios';
import VueFire from 'vuefire';
import VueI18n from 'vue-i18n';
import axios from 'axios';
import VueAnalytics from 'vue-analytics';
import Raven from 'raven-js';
import RavenVue from 'raven-js/plugins/vue';
import App from './App';
import messages from './i18n/';
import router from './router';
import store from './store/';

const EventBus = new Vue();

Object.defineProperties(Vue.prototype, {
    $bus: {
        get() {
            return EventBus;
        },
    },
});

Vue.use(VueAnalytics, {
    id: 'UA-120053966-1',
    router,
});

Vue.use(VueAxios, axios);
Vue.use(VueFire);
Vue.use(VueI18n);

if (process.env.NODE_ENV !== 'development') {
    Raven
        .config('https://15928bc58e7b45ac93878da6d8146064@sentry.io/1315568')
        .addPlugin(RavenVue, Vue)
        .install();
}

Vue.config.productionTip = false;

router.beforeEach((to, from, next) => {
    if (to.meta.requiresAuth && !store.getters.auth) {
        next('/');
    } else {
        if (to.meta && to.meta.title) {
            document.title = `${to.meta.title} - Gamebrary`;
        }

        next();
    }
});

const i18n = new VueI18n({
    locale: 'en',
    messages,
});

/* eslint-disable no-new */
new Vue({
    el: '#app',
    router,
    i18n,
    store,
    components: { App },
    template: '<App/>',
});