Route.js

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
    mode: 'hash',
    routes: [{
            name: 'home',
            path: '',
            redirect: '/step-1/company',
        }, {
            name: 'step-1-company',
            path: '/step-1/company',
            component: () => System.import('../views/Company.vue'),
        }, {
            name: 'step-1-product',
            path: '/step-1/product',
            component: () => System.import('../views/Product.vue'),
        }, {
            name: 'step-1-purchase',
            path: '/step-1/purchase',
            component: () => System.import('../views/Purchase.vue'),
        }, {
            name: 'step-1-need',
            path: '/step-1/need',
            component: () => System.import('../views/Need.vue'),
        }, {
            name: 'step-1-place',
            path: '/step-1/place',
            component: () => System.import('../views/Place.vue'),
        },


        {
            name: 'step-2-cost',
            path: '/step-2/cost',
            component: () => System.import('../views/Cost.vue')
        }, {
            name: 'step-2-payment',
            path: '/step-2/payment',
            component: () => System.import('../views/Payment.vue')
        }, {
            name: 'step-2-garant',
            path: '/step-2/garant',
            component: () => System.import('../views/Garant.vue')
        }, {
            name: 'step-2-disbursement',
            path: '/step-2/disbursement',
            component: () => System.import('../views/Disbursement.vue')
        }, {
            name: 'output',
            path: '/output',
            component: () => System.import('../views/Output.vue')
        }, {
            name: 'step-3-comments',
            path: '/step-3/comments',
            component: () => System.import('../views/Comments.vue')
        }, {
            name: 'step-3-quality',
            path: '/step-3/quality',
            component: () => System.import('../views/Quality.vue')
        }, {
            name: 'step-3-unfit',
            path: '/step-3/unfit',
            component: () => System.import('../views/Unfit.vue')
        }, {
            name: 'step-3-refund',
            path: '/step-3/refund',
            component: () => System.import('../views/Refund.vue')
        }, {
            name: 'step-3-unfit',
            path: '/step-3/unfit',
            component: () => System.import('../views/Unfit.vue')
        }, {
            name: 'step-3-packaging',
            path: '/step-3/packaging',
            component: () => System.import('../views/Packaging.vue')
        }, {
            name: 'step-3-docs',
            path: '/step-3/docs',
            component: () => System.import('../views/Docs.vue')
        }
    ]
})