import Vue from 'vue'

import App from './App'
import router from './router'
import store from './store'
// 引用element
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import './permission'
// 日志
import './error'
import './icons'
import '@/styles/scss/index.scss'
import '@/styles/scss/dark-mode.scss'
// 字体

import Directives from './directive'
Vue.use(Directives)

// 引入 i18n 语言包
import VueI18n from 'vue-i18n'
import loadLanguage from './i18n'
const languages = loadLanguage()

// 获取图片大小
import getImgWidth from './utils/get-img-width';
Vue.prototype.$getImgWidth = getImgWidth;

// console.log(process.env.VUE_APP_NAME);

// 创建 i18n
Vue.use(VueI18n) // 新版本必须要这个，不知道为什么
const i18n = new VueI18n({
  locale: 'zh-CN', // 设置默认语言
  messages: languages // 设置语言包
})

Vue.use(ElementUI, {
  i18n: (key, value) => i18n.t(key, value)
})

Vue.config.productionTip = false
/* eslint-disable no-new */
const vue = new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})