Skip to main content

Route groups

You can create route groups by making a Svelte component that nests the other components. For example:

<!-- RouteA.svelte -->
<h2>This is route A</h2>
<!-- RouteB.svelte -->
<h2>This is route B</h2>
<!-- GroupRoute.svelte -->
<script>
import RouteA from './RouteA.svelte'
import RouteB from './RouteB.svelte'
</script>

<RouteA />
<RouteB />

When you add GroupRoute as a component in your router, it renders both RouteA and RouteB.