index.js

var Vue = require('vue');
Vue.config.debug = true;
var VueRouter = require('vue-router');
Vue.use(VueRouter);

require('./markdown.css');
require('./markdown');
require('highlight.js/styles/agate.css');

require('../src/index');

var router = new VueRouter();

// basic
router.map({
  '/dialog': {
    component: require('./basic/dialog.vue')
  },
  '/button': {
    component: require('./basic/button.vue')
  },
  '/progress-bar': {
    component: require('./basic/progress-bar.vue')
  },
  '/alert': {
    component: require('./basic/alert.vue')
  },
  '/slider': {
    component: require('./basic/slider.vue')
  },
  '/sticky': {
    component: require('./basic/sticky.vue')
  },
  '/dropdown': {
    component: require('./basic/dropdown.vue')
  },
  '/navmenu': {
    component: require('./basic/nav-menu.vue')
  }
});

// form
router.map({
  '/validation': {
    component: require('./form/validation.vue')
  },
  '/mapping': {
    component: require('./form/mapping.vue')
  },
  '/field': {
    component: require('./form/field.vue')
  },
  '/editor': {
    component: require('./form/editor.vue')
  },
  '/tags': {
    component: require('./form/tags.vue')
  },
  '/upload': {
    component: require('./form/upload.vue')
  }
});

// nav
router.map({
  '/tabs': {
    component: require('./nav/tabs.vue')
  },
  '/accordion': {
    component: require('./nav/accordion.vue')
  },
  '/breadcrumb': {
    component: require('./nav/breadcrumb.vue')
  }
});

// data
router.map({
  '/grid': {
    component: require('./data/grid.vue')
  },
  '/tree': {
    component: require('./data/tree.vue')
  },
  '/crud': {
    component: require('./data/crud.vue')
  },
  '/custom-grid-test': {
    component: require('./data/custom-grid-test.vue')
  },
  '/pagination': {
    component: require('./data/pagination.vue')
  }
});

// service
router.map({
  '/msgbox': {
    component: require('./service/msgbox.vue')
  },
  '/notification': {
    component: require('./service/notification.vue')
  },
  '/tooltip': {
    component: require('./service/tooltip.vue')
  },
  '/loading-mask': {
    component: require('./service/loading-mask.vue')
  }
});

router.start(Vue.extend({
  components: {
    app: require('./app.vue')
  }
}), 'body');