svelte-guard-history-router - npm Package Compare versions

Comparing version 1.1.12 to 1.1.13

package.json

		{
		"name": "svelte-guard-history-router",
		"version": "1.1.12",
		"version": "1.1.13",
		"module": "src/index.mjs",
		@@ -20,3 +20,3 @@ "svelte": "src/index.svelte",
		"dependencies": {
		"multi-path-matcher": "^2.0.6"
		"multi-path-matcher": "^2.0.8"
		},
		@@ -30,3 +30,3 @@ "devDependencies": {
		"semantic-release": "^17.0.4",
		"svelte": "^3.18.2",
		"svelte": "^3.19.1",
		"testcafe": "^1.8.2"
		@@ -33,0 +33,0 @@ },

README.md

		@@ -28,2 +28,8 @@ [![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
		import { Router, route, Guard } from 'svelte-guard-history-router';
		import Categories from "./Categories.svelte";
		import Category from "./Category.svelte";
		import Article from "./Article.svelte";
		import Articles from "./Articles.svelte";
		import About from "./About.svelte";
		import Login from "./Login.svelte";

		@@ -54,28 +60,30 @@ let session = undefined;

		<script>
		import {
		Outlet,
		link,
		active
		} from "svelte-guard-history-router";
		import { router } from "./main.mjs";
		</script>
		```html
		<script>
		import {
		Outlet,
		link,
		active
		} from "svelte-guard-history-router";
		import { router } from "./main.mjs";
		</script>

		<nav>
		<a href="/" use:link={router} use:active={router}>Router Example</a>
		<ul class="left">
		<li>
		<a href="/about" use:link={router} use:active={router}>About</a>
		</li>
		<li>
		<a href="/article" use:link={router} use:active={router}>Articles</a>
		</li>
		<li>
		<a href="/category" use:link={router} use:active={router}>Categories</a>
		</li>
		</ul>
		</nav>
		<main>
		<Outlet {router}/>
		</main>
		<nav>
		<a href="/" use:link={router} use:active={router}>Router Example</a>
		<ul class="left">
		<li>
		<a href="/about" use:link={router} use:active={router}>About</a>
		</li>
		<li>
		<a href="/article" use:link={router} use:active={router}>Articles</a>
		</li>
		<li>
		<a href="/category" use:link={router} use:active={router}>Categories</a>
		</li>
		</ul>
		</nav>
		<main>
		<Outlet {router}/>
		</main>
		```

		@@ -82,0 +90,0 @@ ## Sample code

New alerts