chore: add a test on the basic playground

Author: SomaticIT

playgrounds/basic/src/hooks.client.ts

@@ -0,0 +1,10 @@
+import type { HandleClientFetch } from '@sveltejs/kit';
+
+export const handleFetch: HandleClientFetch = async ({ request, fetch }) => {
+	// You can modify the request here if needed
+	if (request.url.startsWith(location.origin)) {
+		request.headers.set('X-Client-Header', 'imtheclient');
+	}
+
+	return await fetch(request);
+};

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

@@ -13,6 +13,7 @@
 	<a href="/c">/c</a>
 	<a href="/d">/d</a>
 	<a href="/e">/e</a>
+	<a href="/client-fetch">/client-fetch</a>
 </nav>
 
 {@render children()}

playgrounds/basic/src/routes/client-fetch/+page.server.ts

@@ -0,0 +1,10 @@
+import type { PageServerLoad } from './$types';
+
+export const load: PageServerLoad = ({ request }) => {
+	const client_header = request.headers.get('x-client-header');
+	console.log('client header:', client_header);
+
+	return {
+		header: client_header
+	};
+};

playgrounds/basic/src/routes/client-fetch/+page.svelte

@@ -0,0 +1,6 @@
+<script>
+	let { data } = $props();
+</script>
+
+<p>If you navigate from client-side, you should have an header set by handleFetch:</p>
+<div>header: {data.header}</div>