import Vue from 'vue';

import 'normalize.css/normalize.css'; // A modern alternative to CSS resets

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

// import locale from 'element-ui/lib/locale/lang/en' // lang i18n

import '@/styles/index.scss'; // global css

import LangStorage from '@/utils/lang';
import App from './App';
import VueI18n from 'vue-i18n';
import store from './store';
import router from './router';

import '@/icons'; // icon
import '@/permission'; // permission control
import '@/scripts/GlobalPlugin';
import '@/directives';
import messages from '@/i18n/index';

Vue.use(ElementUI);
Vue.use(VueI18n);

Vue.config.productionTip = false;

const i18n = new VueI18n({
	locale: LangStorage.getLang('zh'),
	messages
});

new Vue({
	el: '#app',
	router,
	store,
	i18n,
	render: h => h(App)
});

router.beforeEach((to, from, next) => {
	const name = to.fullPath;
	if (name.includes('/dp/') || name.includes('display/dp')) {
		document.title = '琏课堂-大屏系统';
	} else if (name.includes('/plan/') || name.includes('/planEdit/')) {
		document.title = '琏计划';
	} else {
		document.title = '琏课堂';
	}
	next();
});