Pre-condition (guard) for multiple routes about svelte-spa-router HOT 7 CLOSED

You can define a function outside and use its identifier.

For example (on my phone so forgive me for the simplified code and if there are mistakes):

const myCondition = () => {
    // do something
}

Then use myCondition as second argument for the wrap method, as many times as you want:

const routes = {
    '/something': wrap(Something, myCondition),
    '/hello': wrap(Hello, myCondition)
}

from svelte-spa-router.

Another thing: I guess it’s fine to call “replace” within the handler itself (since it waits for the next tick), but you should still ensure you return false (or a false-y value)

from svelte-spa-router.

First answer: I created protectedRoute(Component) helper. Thanks.

Second answer: this is something I don't understand.

What happens if I do not return false but just return replace('/login')?

from svelte-spa-router.

Well, the condition callbacks are expected to return a Boolean indicating wether the condition succeeded. If you return a truthy value, it means the router can go ahead and inject the component in the DOM. you’re then calling replace which will replace the component on the next tick. So, you get the same result - but the unwanted component will still be injected first.

from svelte-spa-router.

On a second though, since the replace function doesn’t have a return value, it returns undefined, which is a false-y value. So you might be ok there :) (although it’s not a documented behavior and it might change in the future)

from svelte-spa-router.

Oh boy. Thanks, now it's clear.

I think I will go with on:conditionsFailed={conditionsFailed}.

from svelte-spa-router.

Can anyone of you give the whole code this segment, like presented int he starting, but along with the solved answer?
Also I am having 1 problem.
Whenever i use replace to go to a route
The route that i choose to go to even if it has no condition at all still dont render

from svelte-spa-router.