text: import Vue from 'vue';
  import Router from 'vue-router';
  import Home from './views/Home.vue';
  import About from './views/About.vue';
  import Grid from './views/Grid.md';
  import Button from './views/Button.vue';
  import Form from './views/Form.vue';
  import Nav from './views/Nav.vue';
  import Badge from './views/Badge.vue';
  import Auxiliar from './views/Auxiliar.vue';
  import Progress from './views/Progress.vue';
  import Panel from './views/Panel.vue';
  import Timeline from './views/Timeline.vue';
  import Table from './views/Table.vue';
  import Tabs from './views/Tabs.vue';
  import Animation from './views/Animation.vue';
  import Admin from './views/Admin.vue';
  import Layer from './views/Layer.vue';
  import Laypage from './views/Laypage.vue';
  import Rate from './views/Rate.vue';
  import Slider from './views/Slider.vue';
  import Carousel from './views/Carousel.vue';
  import ColorPicker from './views/ColorPicker.vue';
  import DatePicker from './views/DatePicker.md';
  import Test from './views/Test.vue';
  
  Vue.use(Router);
  
  export default new Router({
    routes: [
      {
        path: '/',
        name: 'home',
        component: Home
      },
      {
        path: '/about',
        name: 'about',
        component: About
      },
      {
        path: '/grid',
        name: 'grid',
        component: Grid
      },
      {
        path: '/button',
        name: 'button',
        component: Button
      },
      {
        path: '/form',
        name: 'form',
        component: Form
      },
      {
        path: '/nav',
        name: 'nav',
        component: Nav
      },
      {
        path: '/badge',
        name: 'badge',
        component: Badge
      },
      {
        path: '/auxiliar',
        name: 'auxiliar',
        component: Auxiliar
      },
      {
        path: '/progress',
        name: 'progress',
        component: Progress
      },
      {
        path: '/panel',
        name: 'panel',
        component: Panel
      },
      {
        path: '/timeline',
        name: 'timeline',
        component: Timeline
      },
      {
        path: '/table',
        name: 'table',
        component: Table
      },
      {
        path: '/tabs',
        name: 'tabs',
        component: Tabs
      },
      {
        path: '/animation',
        name: 'animation',
        component: Animation
      },
      {
        path: '/admin',
        name: 'admin',
        component: Admin
      },
      {
        path: '/layer',
        name: 'layer',
        component: Layer
      },
      {
        path: '/laypage',
        name: 'laypage',
        component: Laypage
      },
      {
        path: '/rate',
        name: 'rate',
        component: Rate
      },
      {
        path: '/slider',
        name: 'slider',
        component: Slider
      },
      {
        path: '/carousel',
        name: 'carousel',
        component: Carousel
      },
      {
        path: '/colorPicker',
        name: 'colorPicker',
        component: ColorPicker
      },
      {
        path: '/datePicker',
        name: 'datePicker',
        component: DatePicker
      },
      {
        path: '/test',
        name: 'test',
        component: Test
      }
    ]
  });
  