Force run route

[Slonik]

If a route is active

<Route key="usersinfo" path="/user/:id">
        {#snippet children(params)}
          {#await requestAPI('users/'+params.id, 'GET')}

and I try to call it again from function (after data update)

location.navigate('/user/'+iduser, { replace: true});

it doesn't work because this route already active (params.id not changed).
But the data has been changed and needs to be re-read again, re-run route.
How to do it?

[webJose]

Hello!

Interesting case! It sure can be done.

Option 1

This REPL shows how.

Explanation

1. You declare a reactive variable to hold the promise that returns data.
2. You get a hold of the router's RouterEngine object that holds the status data for all routes. This data is reactive.
3. You add an $effect that does the initial load, when the route becomes active for the first time.

Then there is this button named "Refresh Data". This button, when clicked, re-runs the function that retrieves data, and assigns a new promise object to the variable specified in the {#await} block, forcing a "re-run" of the route's content.

Option 2

Use an artificial reactive value with {#key}. This REPL

---

The second option is the quickest, but with the first one you learn a lot more about how the router works. 👍

[Slonik]

The second option looks much simpler.
Thank you! You are the best!