Vue Fancy Router

Vue Router Encapsulation for faster development. Based on Laravel's Router.

Instalation

npm install vue-fancy-router --save
yarn add vue-fancy-router
bower install vue-fancy-router --save

Usage

File router.js

var Router = require('vue-fancy-router');

// Optional, allows you to use components without importing them
var viewsHandler = (component) => {
	return require(`./views/${component}`).default;
}; 
// Optional
var options = { mode: 'history' }; 

var Route = new Router(options, viewsHandler);

Route.add('/', 'WrapperComponent').children(() => {
	Route.add('', 'HomeComponent', 'home');
	Route.group('/post', [ AuthGuard ], () => {
		Route.add('', 'PostListComponent');
		Route.add(':id', 'PostComponent');
		Route.add('create', 'NewPostComponent');
	});
});

exports.router = Route.build();

File main.js

var Vue = require('vue');
var VueRouter = require('vue-router');

var router = require('./router');

Vue.use(VueRouter);

var app = new Vue({
	router: new VueRouter(router)
});

Documentation

** WIP **

Test

npm run test