Page component not being displayed after POST (i.e. redirect)

[rkyoku]

Hi!

I am trying to implement login/logout in my inertia+svelte app.

When logging in AND logging out, the proper layout is being used, but the rest of the page is empty, as if the page component is not called.

POST /login
==> redirect 302

{
    "component": "Dashboard\/Index",
    "url": "\/",
    "props": {
        "toast": "You are now logged"
    }
}

I only get the "logged" layout displayed (as it should), but the dashboard is not displayed in the main slot.

The same thing happens when logging out.

Even when clicking internal links after that, the main slot is NEVER updated with the page content, until I refresh (F5) the browser tab.

Surely I did something wrong somewhere, as I am totally new to this.

Does it ring any bells?

Logged layout:

<script>
	import Link from './lib/Link.svelte';
	import Counter from './lib/Counter.svelte';

	import { router } from '@inertiajs/svelte'

	const logout = () => {
		console.log('QUIT');
		router.post('/logout')
	}
</script>

<main>
	<header>
		<Link href="/">Home</Link>
		<Link href="/about">About</Link>
		<Link href="/contact">Contact</Link>
		<Link onclick={logout} button={true} href="#">Quit</Link>
		<Counter/>
	</header>
	<article>
		<slot />
	</article>
</main>

Best,