ant-design-vue/site/index.js

56 lines
1.3 KiB
JavaScript

import 'babel-polyfill'
import '../components/style.js'
import './index.less'
import 'highlight.js/styles/solarized-light.css'
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import VueRouter from 'vue-router'
import VueClipboard from 'vue-clipboard2'
import routes from './routes'
import Md from './components/md'
import Api from './components/api'
import './components'
import demoBox from './components/demoBox'
import demoContainer from './components/demoContainer'
import zhCN from './theme/zh-CN'
import enUS from './theme/en-US'
import { isZhCN } from './util'
const mountedCallback = {
install: (Vue, options) => {
Vue.directive('mountedCallback', {
inserted: function (el, binding, vnode) {
binding.value(vnode)
},
})
},
}
Vue.use(mountedCallback)
Vue.use(VueClipboard)
Vue.use(VueRouter)
Vue.use(VueI18n)
Vue.component(Md.name, Md)
Vue.component(Api.name, Api)
Vue.component('demo-box', demoBox)
Vue.component('demo-container', demoContainer)
const i18n = new VueI18n({
locale: isZhCN(location.pathname) ? zhCN.locale : enUS.locale,
messages: {
[enUS.locale]: { message: enUS.messages },
[zhCN.locale]: { message: zhCN.messages },
},
})
const router = new VueRouter({
mode: 'history',
fallback: false,
routes,
})
new Vue({
el: '#app',
i18n,
router,
})