catch-all parameter support

Hi! I’m curious if there’s an easy way to catch the whole URL path, including slash character.

E.g. by using single handler component:

<Route path="/:path" component={Test} />

I want to catch the whole path into the path parameter, including slash character, e.g. /project and /project/test This behavior is not handled properly by default.

For now I managed to make a dirty workaround:

<Route path="/:path" component={PageView} />
<Route path="/:path/:subpath" component={PageView} />

Do you have any hint on more proper way to achieve it?

[EmilTholin]

Thank you for the great suggestion @aherok. The support for naming wildcards was added in 1.1.0.

<!-- App.svelte -->
<Route path="page/*wildcardName" component={Page} />

<!-- Page.svelte -->
<script>
  export let wildcardName;
</script>

<h1>{wildcardName}</h1>

[aherok]

Oh, I didn’t get your question.

In some other router package I’ve seen something like:

<Route path="*path" />

Which was just catching the whole path to the path parameter. Similar option here would be even better than just passing the asterisk alone as it would not require using $$props object.