MCP Svelte Docs Server

# +page.svelte Definition **Definition:** SvelteKit route component rendered for a page. Lives alongside `+page.ts`/`+page.js` and optional `+page.server.ts`/`.js`. Receives `data` (and `form`, when relevant) from its `load`/actions and participates in the layout tree. **Syntax:** `src/routes/(...)/+page.svelte` **Props typing (Kit ≥2.16):** `let { data, form }: import('./$types').PageProps = $props();` **Returns:** A client-rendered component hydrated according to project `ssr/csr` settings. ## Example ```svelte <script lang="ts"> import type { PageProps } from './$types'; let { data }: PageProps = $props(); const { user, posts } = data; // legacy typing (pre-2.16): // let { data }: { data: import('./$types').PageData } = $props(); </script> <h1>Welcome {user.name}</h1> {#each posts as post} <a href={post.href}>{post.title}</a> {/each} ``` ## Related - `+layout.svelte` — parent layout component - `load` — page data loader - `+page.ts` — page options and types - `error` / `redirect` — control flow from loaders