<script>
import { routes, Router } from 'svelte-hash-router'
import Home from './Home.svelte'
import About from './About.svelte'
import Intro from './Intro.svelte'
import History from './History.svelte'
routes.set({
'/': Home,
'/about': {
$$component: About,
'/intro': Intro,
'/history': History
}
})
</script>
<nav>
<a href="#/">Home</a>
<a href="#/about/intro">About</a>
</nav>
<Router/>
<style>
nav {
background: #ddd;
padding: 10px;
}
a {
margin: 10px;
}
</style>