How to handle redirects with parameters?

[n1313]

This router configuration

<Router>
  <Route path="/" redirect={`/date/${today}`} />
  <Route path="/date/:date" component={DayPage} />
</Router>

gives me Error: svero expects <Route redirect="/date/2019-05-05"> to send to an existing route. /date/2019-05-05 does not exists.. Is there a way to do this kind of redirect inside the router?

[kazzkiq]

No. As of today redirect only accepts non-dynamic existing route paths.

In your scenario, the best option would be something like that:

<Router>
  <Route path="/" component={IndexPage} />
  <Route path="/date/:date" component={DayPage} />
</Router>

And in your IndexPage.svelte:

<script>
  import { onMount } from 'svelte';

  const today = // Your code here...

  onMount(() => {
    history.pushState({}, '', `/date/${today}`);
    const popEvent = new Event('popstate');
    window.dispatchEvent(popEvent);
  });
</script>

[n1313]

Thanks!

[kazzkiq]

Just a reminder that v0.3.0+ now features the navigateTo() method, so the code would be even smaller:

<script>
  import { onMount } from 'svelte';
  import { navigateTo } from 'svero';

  const today = // Your code here...

  onMount(() => {
    navigateTo(`/date/${today}`);
  });
</script>