Merge branch 'main' into fix-links

Author: Rich-Harris

apps/svelte.dev/content/docs/kit/98-reference/[email protected]

@@ -976,7 +976,7 @@ type Handle = (input: {
 
 ## HandleClientError
 
-The client-side [`handleError`](https://svelte.dev/docs/kit/hooks#shared-hooks-handleError) hook runs when an unexpected error is thrown while navigating.
+The client-side [`handleError`](https://svelte.dev/docs/kit/hooks#Shared-hooks-handleError) hook runs when an unexpected error is thrown while navigating.
 
 If an unexpected error is thrown during loading or the following render, this function will be called with the error and the event.
 Make sure that this function _never_ throws an error.
@@ -996,7 +996,7 @@ type HandleClientError = (input: {
 
 ## HandleFetch
 
-The [`handleFetch`](https://svelte.dev/docs/kit/hooks#server-hooks-handleFetch) hook allows you to modify (or replace) a `fetch` request that happens inside a `load` function that runs on the server (or during pre-rendering)
+The [`handleFetch`](https://svelte.dev/docs/kit/hooks#Server-hooks-handleFetch) hook allows you to modify (or replace) a `fetch` request that happens inside a `load` function that runs on the server (or during pre-rendering)
 
 <div class="ts-block">
 
@@ -1012,7 +1012,7 @@ type HandleFetch = (input: {
 
 ## HandleServerError
 
-The server-side [`handleError`](https://svelte.dev/docs/kit/hooks#shared-hooks-handleError) hook runs when an unexpected error is thrown while responding to a request.
+The server-side [`handleError`](https://svelte.dev/docs/kit/hooks#Shared-hooks-handleError) hook runs when an unexpected error is thrown while responding to a request.
 
 If an unexpected error is thrown during loading or rendering, this function will be called with the error and the event.
 Make sure that this function _never_ throws an error.

apps/svelte.dev/content/docs/kit/98-reference/50-configuration.md

@@ -555,7 +555,7 @@ params?: string;
 
 </div>
 
-a directory containing [parameter matchers](https://svelte.dev/docs/kit/advanced-routing#matching)
+a directory containing [parameter matchers](https://svelte.dev/docs/kit/advanced-routing#Matching)
 
 </div>
 </div>

apps/svelte.dev/content/docs/kit/98-reference/54-types.md

@@ -213,7 +213,7 @@ interface PageState {}
 
 ## Platform
 
-If your adapter provides [platform-specific context](https://svelte.dev/docs/kit/adapters#platform-specific-context) via `event.platform`, you can specify it here.
+If your adapter provides [platform-specific context](https://svelte.dev/docs/kit/adapters#Platform-specific-context) via `event.platform`, you can specify it here.
 
 <div class="ts-block">
 

apps/svelte.dev/scripts/sync-docs/index.ts

@@ -219,5 +219,5 @@ if (parsed.values.watch) {
 			});
 	}
 
-	console.log(`\nwatching for changes in ${parsed.positionals.join(', ')}`);
+	console.log(`\nwatching for changes in ${filtered.map((pkg) => pkg.name).join(', ')}`);
 }

packages/repl/src/lib/Output/console/Console.svelte

@@ -37,8 +37,10 @@
 		--warning-border: rgb(242, 232, 163);
 		--json-tree-string-color: var(--shiki-token-string);
 		--json-tree-font-family: var(--sk-font-family-mono);
+		--json-tree-font-size: 1.2rem;
+		--json-tree-li-line-height: 1.5;
 
-		:global(.dark) & {
+		:root.dark & {
 			--error-fg: rgb(235, 78, 109);
 			--error-bg: rgb(71, 48, 54);
 			--error-border: rgb(109, 65, 76);
@@ -59,5 +61,15 @@
 			--json-tree-operator-color: #e8eaed;
 			--json-tree-regex-color: #6cd1c7;
 		}
+
+		:global {
+			p,
+			ol,
+			ul {
+				font: var(--json-tree-font-family);
+				font-size: var(--json-tree-font-size);
+				line-height: 1.5;
+			}
+		}
 	}
 </style>

packages/repl/src/lib/Output/console/ConsoleLine.svelte

@@ -202,7 +202,7 @@
 		gap: 1rem;
 		width: 100%;
 		font-size: 1.2rem;
-		align-items: center;
+		align-items: start;
 	}
 
 	.log.expandable {
@@ -221,6 +221,7 @@
 		font-size: 1.2rem;
 		margin: 0 1rem 0.4rem calc(1em + var(--indent));
 		overflow: hidden;
+		line-height: 1.5;
 
 		.location {
 			position: relative;
@@ -271,11 +272,11 @@
 		font-size: 0.9rem;
 		transition: 150ms;
 		transform-origin: 50% 50%;
-		transform: translateY(-1px);
+		transform: translateY(2px);
 	}
 
 	.arrow.expand {
-		transform: translateY(0px) rotateZ(90deg);
+		transform: translateY(2px) rotateZ(90deg);
 	}
 
 	.styled {