Apply changes from review

Author: rChaoz

.changeset/ten-onions-talk.md

@@ -2,4 +2,4 @@
 '@sveltejs/kit': minor
 ---
 
-feat: provide PageProps, LayoutProps types
+feat: provide `PageProps` and `LayoutProps` types

documentation/docs/20-core-concepts/10-routing.md

@@ -42,7 +42,7 @@ Pages can receive data from `load` functions via the `data` prop.
 ```svelte
 <!--- file: src/routes/blog/[slug]/+page.svelte --->
 <script>
-	/** @type {{ data: import('./$types').PageProps }} */
+	/** @type {import('./$types').PageProps} */
 	let { data } = $props();
 </script>
 
@@ -51,7 +51,7 @@ Pages can receive data from `load` functions via the `data` prop.
 ```
 
 > [!LEGACY]
-> `PageProps` was added in 2.16.0. In earlier versions, you can type the `data` property manually with `PageData` instead, see [$types](#\$types).
+> `PageProps` was added in 2.16.0. In earlier versions, you had to type the `data` property manually with `PageData` instead, see [$types](#\$types).
 >
 > In Svelte 4, you'd use `export let data` instead.
 
@@ -230,7 +230,7 @@ We can create a layout that only applies to pages below `/settings` (while inher
 ```
 
 > [!LEGACY]
-> `LayoutProps` was added in 2.16.0. In earlier versions, you can [type the properties manually instead](#\$types).
+> `LayoutProps` was added in 2.16.0. In earlier versions, you had to [type the properties manually instead](#\$types).
 
 You can see how `data` is populated by looking at the `+layout.js` example in the next section just below.
 
@@ -393,7 +393,7 @@ export async function fallback({ request }) {
 
 Throughout the examples above, we've been importing types from a `$types.d.ts` file. This is a file SvelteKit creates for you in a hidden directory if you're using TypeScript (or JavaScript with JSDoc type annotations) to give you type safety when working with your root files.
 
-For example, annotating `let { data } = $props()` with `PageProps` tells TypeScript that the type of `data` is whatever was returned from `load`:
+For example, annotating `let { data } = $props()` with `PageProps` (or `LayoutProps`, for a `+layout.svelte` file) tells TypeScript that the type of `data` is whatever was returned from `load`:
 
 ```svelte
 <!--- file: src/routes/blog/[slug]/+page.svelte --->
@@ -404,7 +404,7 @@ For example, annotating `let { data } = $props()` with `PageProps` tells TypeScr
 ```
 
 > [!NOTE]
-> The `PageProps` and `LayoutProps` types, added in 2.16.0, are a shortcut for typing the `data` prop as `PageData` or `LayoutData`, as well as other props, such as `form` for pages, or `children` for layouts. In earlier versions, you can type these properties manually, for example for a page:
+> The `PageProps` and `LayoutProps` types, added in 2.16.0, are a shortcut for typing the `data` prop as `PageData` or `LayoutData`, as well as other props, such as `form` for pages, or `children` for layouts. In earlier versions, you had to type these properties manually. For example, for a page:
 >
 > ```js
 > /// file: +page.svelte

documentation/docs/20-core-concepts/20-load.md

@@ -33,7 +33,7 @@ export function load({ params }) {
 ```
 
 > [!LEGACY]
-> Before version 2.16.0, the props of a page/layout have to be typed individually:
+> Before version 2.16.0, the props of a page and layout had to be typed individually:
 > ```js
 > /// file: +page.svelte
 > /** @type {{ data: import('./$types').PageData }} */
@@ -119,7 +119,7 @@ export async function load() {
 ```
 
 > [!LEGACY]
-> `LayoutProps` was added in 2.16.0, in earlier versions props can be typed like so:
+> `LayoutProps` was added in 2.16.0. In earlier versions, properties had to be typed individually:
 > ```js
 > /// file: +layout.svelte
 > /** @type {{ data: import('./$types').LayoutData, children: Snippet }} */

documentation/docs/20-core-concepts/30-form-actions.md

@@ -152,7 +152,7 @@ export const actions = {
 ```
 
 > [!LEGACY]
-> `PageProps` was added in 2.16.0, in earlier versions you can type the `data` and `form` properties individually:
+> `PageProps` was added in 2.16.0. In earlier versions, you had to type the `data` and `form` properties individually:
 > ```js
 > /// file: +page.svelte
 > /** @type {{ data: import('./$types').PageData, form: import('./$types').ActionData }} */