Slick-svero NPM

npm.io

Slick Svero

Slick Svero is the router for svelte.

Installation

npm install slick-svero --save

Usage example

Below is a short example on how to use the router.

<!-- App.svelte -->
<script>
import { Router, Route } from "slick-svero";
import Home from "./components/Home.svelte";
import About from "./components/About.svelte";
import Article from "./components/Article.svelte";
</script>

<Router>		
  <Route path="/" component="{Home}" />
  <Route path="/about">
    <h1>Welcome to about!</h1>
  </Route>
  <Route path="/article/:url" component="{Article}"  let:params />  	
</Router>

// server.js
var express = require('express');

var app = express();

app.use(express.static('public'));

app.get('*', (req, res) => {
  res.sendFile(__dirname + "/public/index.html")
})

app.listen(3000, () => {
  console.log("App listening on port 3000")
});

For more usage examples, see the Wiki or access the examples folder.

API

Router

This component provides context-based routing for the Link and Route component and should be used to encapsulate these components. No parameters.

Route

This component is used to render a component or markup if its path matches the URL. An object called path is needed, which is the path that, when matched, the route will be rendered.

Properties

Prop	Required	Default	Description

path	yes	`"/"`	The path relative to the origin that the `Route`

component	no	`undefined`	The component to be rendered.

params	no	`" "`	The params for use in componet