docs: upgrade docs

example/components/header.svelte

@@ -1,11 +1,23 @@
 <header class="sr-header">
   <Link to="/">
-    <h1>Svelte Router</h1>
+    <h1>
+      Svelte Router
+      <sup>{version}</sup>
+    </h1>
   </Link>
+
+  <a href="https://github.com/jikkai/svelte-router">Github</a>
 </header>
 
 <script>
-  import { Link } from '../../src'
+  import { onMount } from 'svelte'
+  import SvelteRouter, { Link } from '../../src'
+
+  let version
+
+  onMount(() => {
+    version = SvelteRouter.__VERSION__
+  })
 </script>
 
 <style>
@@ -15,11 +27,22 @@
     display: flex;
     align-items: center;
     box-shadow: 0 0 15px 0 rgba(0, 0, 0, .05);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
   }
 
   .sr-header h1 {
     margin: 0;
     font-size: 24px;
     font-weight: 300;
   }
+
+  .sr-header sup {
+    padding: 2px 4px;
+    color: var(--white);
+    font-size: 14px;
+    background: var(--primary);
+    border-radius: 4px;
+  }
 </style>

example/components/menu.svelte

@@ -24,7 +24,7 @@
         <span>Component</span>
         <ul>
           <li>
-            <Link to="/component/router-link" replace>Link</Link>
+            <Link to="/component/link" replace>Link</Link>
           </li>
         </ul>
       </div>

example/docs/component/Link.md

@@ -10,3 +10,13 @@
 | replace | `boolean` | `false` |
 | className | `string` | `''` |
 | activeClassName | `string` | `'router-link-active'` |
+
+## Example
+
+```html
+<Link to="/foo">go Foo</Link>
+
+<script>
+  import { Link } from 'svelte-router'
+</script>
+```

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-router",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "description": "A simple router for Svelte",
   "main": "lib/svelte-router.js",
   "author": "Jikkai Xiao <[email protected]>",