import Vue from 'vue';

import 'normalize.css/normalize.css'; // A modern alternative to CSS resets
import ELEMENT from 'element-ui';

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 CancelMouseState from '@/mixin/CancelMouseState.js';

Vue.mixin(CancelMouseState);

import '@/icons'; // icon
import '@/permission'; // permission control
import '@/scripts/GlobalPlugin';
import '@/directive/dialogDrag/index.js';
import '@/directive/dialogDragWidth/index.js';
import '@/directive/dialogLoading/index.js';
import '@/directive/drag/index.js';
import '@/directive/focus/index.js';
import '@/directive/quickMenuDrag/index.js';
import '@/directive/waves/index.js';
import messages from '@/i18n/index';

Vue.use(ELEMENT);
Vue.use(VueI18n);

Vue.config.productionTip = false;

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

ELEMENT.i18n((key, value) => i18n.t(key, value));

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