nesting routes

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);
Vue.use(VueEvents);

const routes = [
{
        name: 'lease_wrap_create',
        path: '/lease',
        component: 'lease/Lease',
        redirect: {
            name: 'lease_step1',
        },
        children: [
            {
                path: 'step1',
                component: LeaseTypes,
                name: 'lease_step1',
                meta: {
                    step: 1,
                },
            },
            {
                path: 'step2',
                component: LeaseInfo,
                name: 'lease_step2',
                meta: {
                    step: 2,
                },
            },
            {
                path: 'step3',
                component: LeaseContent,
                name: 'lease_step3',
                meta: {
                    step: 3,
                },
            },
        ],
    }
]