router.js

import Vue from 'vue'
import Router from 'vue-router'
import {scrollBehavior} from '~/utils'

Vue.use(Router)

const page = path => () => import(`~/pages/${path}`).then(m => m.default || m)

const routes = [
    {path: '/', name: 'welcome', component: page('index.vue')},
    {path: '/checkout', name: 'checkout', component: page('checkout.vue')},

    {path: '/login', name: 'login', component: page('auth/login.vue')},
    {path: '/register', name: 'register', component: page('auth/register.vue')},

    {
        path: '/settings',
        component: page('settings/index.vue'),
        children: [
            {path: '', redirect: {name: 'settings.orders'}},
            {path: 'orders', name: 'settings.orders', component: page('settings/orders.vue')}
        ]
    }
]

export function createRouter() {
    return new Router({
        routes,
        scrollBehavior,
        mode: 'history'
    })
}