<script lang="ts">
import { type Route, route, Router} from "@mateothegreat/svelte5-router";
import Home from "./pages/Home.svelte";
import Products from "./pages/Products.svelte";
import Settings from "./pages/Settings.svelte";
const routes: Route[] = [
{
component: Home,
},
{
path: "/products",
component: Products,
},
{
path: "/settings",
component: Settings,
},
];
</script>
<div>
<nav>
<a use:route href="/">Home</a>
<a use:route href="/products">Products</a>
<a use:route href="/settings">Settings</a>
</nav>
</div>
<Router {routes} />
<div>version: 0.0.1</div>