# Routing — SPA Navigation Full client-side routing with no page reloads. ## Route Definition ```html
``` --- ## Route Parameters & Query ```html ``` --- ## `$route` — Route Context | Property | Description | |----------|-------------| | `$route.path` | Current path (e.g. `"/users/42"`) | | `$route.params` | Route parameters (e.g. `{ id: "42" }`) | | `$route.query` | Query string params (e.g. `{ q: "hello" }`) | | `$route.hash` | URL hash (e.g. `"#section"`) | | `$route.matched` | Whether an explicit route matched (`true`) or a wildcard/fallback is rendering (`false`) | --- ## Active Route Styling ```html Home About Users ``` --- ## Route Guards ```html ``` --- ## Programmatic Navigation ```html ``` > **Note:** `$router.push()` and `$router.replace()` return Promises — navigation (including remote template loading) is fully async. In `on:click` handlers the return value is ignored, but in scripts you can `await` them: > > ```html > > ``` --- ## Nested Routes ```html ``` --- ## Remote Templates in Routes Route templates can include `