<script>
  import { Router, Link, Route } from "svelte-routing";
  import {
    createHistory,
    createMemorySource,
  } from "svelte-routing/src/history";
  // ...import routes...

  const source = createMemorySource();
  let url = source.location.pathname;
  const history = createHistory(source);
</script>

<Router url="{url}">
  <nav>
    <Link to="/">Home</Link>
    <Link to="about">About</Link>
    <Link to="blog">Blog</Link>
  </nav>
  <div>
    <Route path="blog/:id" component="{BlogPost}" />
    <Route path="blog" component="{Blog}" />
    <Route path="about" component="{About}" />
    <Route path="/"><Home /></Route>
  </div>
</Router>