<script>
  import Router from 'svelte-spa-router';
  
  import Nav from './lib/Nav.svelte';
  import Home from './routes/Home.svelte';
  import NotFound from './routes/NotFound.svelte';
  import Budgets from './routes/Budgets.svelte';
  import Settings from './routes/Settings.svelte';
  import Timeline from './routes/Timeline.svelte'

  const routes = {
      '/': Home,
      '/timeline': Timeline,
      "/budgets": Budgets,
      '/settings': Settings,
      '*': NotFound,
  }

</script>

<style>

</style>

<Nav/>
<main class="responsive">
  <Router {routes}/>
</main>
