@axelspringer/mango-router

Mango router

Usage no npm install needed!

<script type="module">
  import axelspringerMangoRouter from 'https://cdn.skypack.dev/@axelspringer/mango-router';
</script>

README

:smiley_cat: Mango Router


Taylor Swift Volkswagen TypeScript MIT license

Getting Started

requires a node version >= 6 and an npm version >= 3.x.x

we do provide a help command to display all possible arguments

# Install the base package and the plugin (could also be global -g)
npm i @axelspringer/mango-router

Usage

Create a router.ts file with the following content.

import Vue from 'vue'
import Router from 'vue-router'
import { Home } from '../components/home'
import { Post } from '../components/post'
import MangoRouter from '@axelspringer/mango-router'

MangoRouter // build the route
  .home(Home)
  .post(Post)

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: MangoRouter.all()
})

This configures the vue-router under the hood to match / to the Home component and /:post to the Post component. The partial paths of the route are constructed by chaining the routes.

License

MIT