import 'babel-polyfill';
import '../../components/style.js';
import './index.less';
import 'nprogress/nprogress.css';
import Vue from 'vue';
import Vuex from 'vuex';
import i18n from './i18n';
import VueRouter from 'vue-router';
import VueClipboard from 'vue-clipboard2';
import NProgress from 'nprogress';
import router from './router';
import Md from '../components/md';
import Api from '../components/api';
import './components';
import demoBox from '../components/demoBox';
import demoContainer from '../components/demoContainer';
import demoSort from '../components/demoSort';
import store from '../store/index.js';

const mountedCallback = {
  install: Vue => {
    Vue.directive('mountedCallback', {
      inserted(el, binding, vnode) {
        binding.value(vnode);
      },
    });
  },
};

Vue.use(Vuex);
Vue.use(mountedCallback);
Vue.use(VueClipboard);
Vue.use(VueRouter);
Vue.component(Md.name, Md);
Vue.component(Api.name, Api);
Vue.component('demo-box', demoBox);
Vue.component('demo-container', demoContainer);
Vue.component('demo-sort', demoSort);
Vue.component('VNodes', {
  functional: true,
  render: (h, ctx) => {
    return ctx.props.value;
  },
});

Vue.component('tempVar', {
  functional: true,
  render: (h, ctx) => {
    return ctx.scopedSlots && ctx.scopedSlots.default && ctx.scopedSlots.default(ctx.props);
  },
});
// const i18n = new VueI18n({
//   locale: isZhCN(location.pathname) ? zhCN.locale : enUS.locale,
//   messages: {
//     [enUS.locale]: { message: enUS.messages },
//     [zhCN.locale]: { message: zhCN.messages },
//   },
// });

router.beforeEach((to, from, next) => {
  if (to.path !== from.path) {
    NProgress.start();
  }
  next();
});

new Vue({
  el: '#app',
  i18n,
  router,
  store,
});