Vue-router guards

guards.js

function guestGuard(routes) {
    return routes.map(route => {
        return {
            ...route,
            beforeEnter: (to, from, next) => {
                if(confirm('continue guest guard?')) {
                    next();
                } else {
                    next(false);
                }
            }
        };
    });
}

function authGuard(routes) {
    return routes.map(route => {
        return {
            ...route,
            beforeEnter: (to, from, next) => {
                if (confirm('continue auth guard?')) {
                    next();
                } else {
                    next(false);
                }
            }
        };
    });
}


export { guestGuard, authGuard };

routes.js

import Home from './../views/Home';
import Hello from './../views/Hello';
import Login from './../views/Login';
import Register from './../views/Register';
import {authGuard, guestGuard} from './guards';

export default [
    {
        path: '/',
        name: 'home',
        component: Home
    },
    ...authGuard([
        {
            path: '/hello',
            name: 'hello',
            component: Hello
        }
    ]),
    ...guestGuard([
        {
            path: '/login',
            name: 'login',
            component: Login
        },
        {
            path: '/register',
            name: 'register',
            component: Register
        }
    ])
];