svelte5-router 示例

<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>