@lwce/router
Advanced tools
Comparing version 0.1.1 to 0.2.0
{ | ||
"name": "@lwce/router", | ||
"version": "0.1.1", | ||
"version": "0.2.0", | ||
"description": "A LWC router that supports server-side rendering", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
# `@lwce/router` | ||
A lightning web bomponent for building declarative routing within | ||
A lightning web component for building declarative routing within | ||
single-page applications. | ||
@@ -97,1 +97,19 @@ | ||
``` | ||
### history | ||
Use the `history` wire adapter to imperatively change routes. | ||
Example: | ||
```js | ||
import { LightningElement, api, wire } from 'lwc'; | ||
import { history } from '@lwce/router'; | ||
export default class Link extends LightningElement { | ||
@wire(history) history; | ||
onClickHandler(e) { | ||
this.history.push('/settings'); | ||
} | ||
} | ||
``` |
@@ -14,2 +14,6 @@ import {LightningElement, api} from 'lwc'; | ||
this.addEventListener( | ||
'lwcerouter_addhistoryadapter', | ||
this.addHistoryAdapter.bind(this), | ||
); | ||
this.addEventListener( | ||
'lwcerouter_addrouteeventlistener', | ||
@@ -72,2 +76,6 @@ this.addRoute.bind(this), | ||
addHistoryAdapter(e) { | ||
e.detail(this.history); | ||
} | ||
navigate(e) { | ||
@@ -74,0 +82,0 @@ this.history.push(this.base + e.detail); |
12178
13
295
115