chore: tidy up playground (#14290)

* tidy up playground

* more

* gitignore

* update README

Author: Rich-Harris

playgrounds/README.md

@@ -1,3 +1,8 @@
-You may use these playgrounds to experiment with your changes to SvelteKit. Make sure you don't check in any changes to this folder.
+You may use these playgrounds to experiment with your changes to SvelteKit. Make sure you don't check in any changes to the files in `src` that aren't already gitignored. The easiest way to do this is to run the following from the root of the project:
+
+```bash
+git update-index --skip-worktree playgrounds/basic/src/routes/+layout.svelte
+git update-index --skip-worktree playgrounds/basic/src/routes/+page.svelte
+```
 
 Alternatively, clone the [kit-sandbox](https://github.com/sveltejs/kit-sandbox) repo next to the `kit` repo, and use `pnpm link` to link your dependencies. This way you can have multiple different sandbox projects in different branches, and you never need to worry about accidentally committing throwaway code.

playgrounds/basic/.gitignore

@@ -2,4 +2,6 @@
 # repeating them here as a faux .prettierignore
 /.svelte-kit/
 /dist/
-/build
+/build
+/src/lib
+/src/routes

playgrounds/basic/src/lib/todos.remote.ts

@@ -1,16 +1,5 @@
 <script>
-	import { page, navigating } from '$app/state';
-
 	let { children } = $props();
 </script>
 
-<nav>
-	<a href="/">/</a>
-	<a href="/a">/a</a>
-	<a href="/b">/b</a>
-	<a href="/c">/c</a>
-	<a href="/d">/d</a>
-	<a href="/e">/e</a>
-</nav>
-
 {@render children()}

playgrounds/basic/src/routes/+layout.svelte

@@ -1,50 +1,4 @@
 <script lang="ts">
-	import { add_todo, add_todo_form, get_todos } from '$lib/todos.remote';
-
-	const todos = $derived(get_todos());
 </script>
 
-<h1>Welcome to SvelteKit</h1>
-
-<p><a href="images">images</a></p>
-<p><a href="force-error">force error</a></p>
-
-<h2>Todos</h2>
-
-<h3>todo via JS</h3>
-<input
-	placeholder="Add Todo"
-	onkeyup={async (e) => {
-		if (e.key === 'Enter') {
-			const value = (e.target as HTMLInputElement).value;
-			await add_todo(value).updates(
-				todos.withOverride((todos) => {
-					return [...todos, { text: value }];
-				})
-			);
-		}
-	}}
-/>
-
-<h3>todo via form</h3>
-<form {...add_todo_form}>
-	<input name="text" placeholder="Add Todo" />
-	<button type="submit">add</button>
-</form>
-
-<ul>
-	{#await todos then todos}
-		{#each todos as todo}
-			<li>{todo.text}</li>
-		{/each}
-	{/await}
-</ul>
-
-<!-- with the await feature you could also do
-<ul>
-	{#each await todos as todo}
-		<li>{todo.text}</li>
-	{/each}
-</ul>
-and it would be reactive
--->
+<h1>hello!</h1>