import Vue from 'vue'
import VueRouter from 'vue-router'
import 'normalize.css/normalize.css' // A modern alternative to CSS resets

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// const ElementUI = require('element-ui')
// require('element-ui/lib/theme-chalk/index.css')
import locale from 'element-ui/lib/locale/lang/zh-CN' // lang i18n
import iconfont from './assets/iconfont/iconfont.css'

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

import * as Sentry from '@sentry/browser'
import { Vue as VueIntegration } from '@sentry/integrations'

import App from './App'
import store from './store'
import router from './router'
import i18n from './i18n'
import '@/icons' // icon
import '@/permission' // permission control
import './icons'
import * as filters from './filters' // global filters

Vue.config.productionTip = false
/**
 * If you don't want to use mock-server
 * you want to use MockJs for mock api
 * you can execute: mockXHR()
 *
 * Currently MockJs will be used in the production environment,
 * please remove it before going online! ! !
 */
// import { mockXHR } from '../mock'
if (process.env.NODE_ENV === 'production') {
  // mockXHR()
}

// console.log(process.env)
if (process.env.NODE_ENV !== 'development') {
  Sentry.init({
    release: 'vislib@' + process.env.npm_package_version,
    dsn: 'https://9d8ee0ea1a2749949dd1e641b0f7c071@o286322.ingest.sentry.io/5217806',
    integrations: [new VueIntegration({ Vue, attachProps: true })]
  })
}
store.commit('app/SET_LANG', 'CN')
// Vue.use(ElementUI, { locale })
Vue.use(VueRouter)
Vue.use(ElementUI, {
  i18n: (key, value) => i18n.t(key, value)
})
// register global utility filters
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

import echarts from 'echarts'
Vue.use(echarts)
// Vue.prototype.$echarts = echarts

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