Is there a <RouterLink> (vue-router) equivalent or I just use <a>?

[tclzcja]

Hi there, previous Vue developer here. In vue-router we have a <RouterLink> element that the library provides to render a hyperlink element on the page. It's rendered as an <a> element on the page but preventDefault()-ed so it won't trigger page re-render. I'm wondering what's the official recommended paradigm for Svelte5 Router to handle on-page redirection element?

I can think of 3 different approaches, just wondering which one is more "official recommended":

1. Something like <RouterLink to="/xxx"> that svelte5-router is going to provide (or already provides if I missed that part of documentation).
2. Simply do <button onclick={goto("/xxx")}> that utilize the goto helper function.
3. Just use <a>, while svelte5-router has already handled all onclick event for all <a> elements on the page.

Thank you!

[mateothegreat]

Absolutely!

I just realized I didn't add documentation my bad 🤦

Check out https://github.com/mateothegreat/svelte5-router/blob/main/docs/actions.md.

Hollar if ya have any more questions!

• Matthew

[tclzcja]

Understood, thank you!

[tclzcja]

Understood, thank you!