import Vue from 'vue'
import App from './App.vue'
import router from './router'

import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

const i18n = new VueI18n({
  locale: 'en-US',
  messages: {
    'en-US': {
      ...enLocale
    },
    'zh-CN': {
      ...zhLocale
    }
  }
})

/** antd */
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(Antd)
/** element */
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI, {
  zIndex: 300,
  i18n: (key, value) => i18n.t(key, value)
})

import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'

import VueEditor from "vue2-editor"
import CustomComponent from './demo/CustomComponent.vue'
import CustomVantField from './demo/VantField.vue'
import CustomChart from './demo/Chart.vue'

Vue.use(VueEditor)

import FormMaking from './index'

import { jsPDF } from 'jspdf'
import html2canvas from 'html2canvas'

Vue.use(FormMaking, {
  lang: 'zh-CN',
  i18n: i18n,
  jsPDF,
  html2canvas,
  components: [{
    name: 'custom-width-height',
    component: CustomComponent
  },{
    name: 'custom-chart',
    component: CustomChart
  },{
    name: 'custom-vant-field',
    component: CustomVantField
  }]
})

Vue.config.productionTip = false

new Vue({
  i18n,
  router,
  render: h => h(App)
}).$mount('#app')