Hello, I use LiveView and Svelte. In the Svelte components, I need to navigate but I don’t found a solution without reloading the page (like <a href does). How to navigate from the frontend (in JS) without reloading the page, as the <.link navigate="/users/settings>Test</.link> component does?

Here’s an approach that works: some_random_live_view.html.heex <div id="auto-redirect" phx-hook="AutoRedirect"> Auto Redirecting in 3, 2, 1 </div> auto_redirect.js const AutoRedirect = { mounted() { setTimeout(() => { this.pushEvent( "navigate", "/blog/taskfile-a-sen…

Navigate from JS (front) without reloading the page?

Phoenix Forum Questions / Help

codeanpeace August 6, 2023, 9:15pm 2

Have you come across @woutdp’s LiveSvelte?

It supports LiveView Live Navigation Events from inside Svelte components.