Getting Started

Flexible and powerful routing for MarkoJS.

Full documentation: https://jesse1983.github.io/marko-router5

Installation

Install marko-router5 package:
``sh
npm i marko-router5 -D
`


Usage

Define routes on main marko file:

`html

$ const routes = [
{ name: 'home', path: '/', component: require('./home.marko') },
{ name: 'products', path: '/products', component: require('./products.marko') },
{ name: 'contact', path: '/contact', component: require('./contact.marko') },
]

Add route-link tag instead a tag:

`html
Home
Products
Contact
`

or

Import navigate method:

`js
const { navigate } = require('marko-router5');

navigate('/products');
`

Nested routes

`js
$ const routes = [
{ name: 'products', path: '/products', component: require('./products.marko'), children: [
{ name: 'notebooks', path: '/notebooks', component: require('./notebooks.marko') },
{ name: 'desktops', path: '/desktops', component: require('./desktops.marko') },
{ name: 'others', path: '/others', component: require('./others.marko'), children: [
{ name: 'cpu-processors', path: '/cpu-processors', component: require('./cpu-processors.marko') },
{ name: 'memory-cards', path: '/memory-cards', component: require('./memory-cards.marko') },
] },
] },
]
`

-----

Advanced

Router

$3

#### Options
All router options are on Router Options page.

`html

`

#### InitialPath
A initial path can be a string (ex: /dashboard) or a bool (if true, initial path will be current window location).

`html



`

#### noWrapper
Remove