Is there a way to specify only the latest part of the url in href links?

[frederikhors]

Let's say I'm in players/<PLAYER_ID>/settings/__layout.svelte and I need two more nested pages:

1. /profile in /players/[PLAYER_ID]/settings/profile.svelte
2. /notifications in /players/[PLAYER_ID]/settings/notifications.svelte.

In __layout.svelte I have the links:

<a href={`/players/${player.id}settings/profile`}>Profile</a>

<a href={`/players/${player.id}settings/notifications`}>Notifications</a>

Is there a way to avoid all the links in that href?

Something like /notifications only?

[mustofa-id]

There is no way.
Why would you need this?

[frederikhors]

To not repeat the link every time in the page or to avoid a variable. I think goto or something else can help here.

[mustofa-id]

What if there is also /notifications route in your root and you need to go to there from settings page?

here is a tip if you don't want to repeat the link and avoid a variable:

{#each [['/profile', 'Profile'], ['/notifications', 'Notifications']] as [path, label]}
    <a href="/players/{player.id}/settings/{path}">{label}</a>
{/each}

:)

[frederikhors]

Yeah. Thank you.

[mustofa-id]

Anytime.
Please consider to mark the question as answered if this help you.

[mustofa-id]

I missed the question, using href="notifications" should be work.

[diego-yason]

You could use a relative href

Here is an example

Warning: If the ID changes for some reason, it won't be reflected until the dynamic part of the URL is updated