Finding the correct documentation for Svelte-Kit 4

[OliverBurrell]

Hi,
I just started to develop my first Svelte web app and am having trouble finding the correct documentation for version 4, which I believe is the latest stable version.
Per example I am trying to display a circle spinner when a page is loading or after a form submission. I went on https://svelte.dev/docs/kit/load and it says there I can get the page data like this:

<_script lang="ts">
import type { PageProps } from './$types';

let { data }: PageProps = $props();

<_/script>

<h1>{data.post.title}</h1>
<div>{@html data.post.content}</div>

Then it says below:
Before version 2.16.0, the props of a page and layout had to be typed individually:

+page

import type { PageData } from './$types';

let { data }: { data: PageData } = $props();

... and then a one-liner for the current version 4 (which is hidden, only displayed if you click on Legacy mode):
In Svelte 4, you’d use export let data instead.

I think this is quite confusing for someone who tries to learn Svelte.
It would be better if it all is documented with examples in the current stable version 4 and the legacy only on click with version numbers next to it.
Can someone give me some tips on how to find the right documentation quickly?

[brunnerh]

am having trouble finding the correct documentation for version 4, which I believe is the latest stable version

It is not. The latest stable version of Svelte is version 5 and the latest version of SvelteKit is version 2.
If you start a new project now, you should not be using Svelte 4, its syntax will eventually be removed as well.

For completeness, the old docs can be found at https://v4.svelte.dev/docs.