Fix site

Author: ota-meshi

explorer-v2/src/hooks.js

@@ -5,17 +5,15 @@ export async function handle({ request, resolve }) {
 	const cookies = cookie.parse(request.headers.cookie || '');
 	request.locals.userid = cookies.userid || uuid();
 
-	// TODO https://github.com/sveltejs/kit/issues/1046
-	if (request.query.has('_method')) {
-		request.method = request.query.get('_method').toUpperCase();
-	}
-
 	const response = await resolve(request);
 
 	if (!cookies.userid) {
 		// if this is the first time the user has visited this app,
 		// set a cookie so that we recognise them when they return
-		response.headers['set-cookie'] = `userid=${request.locals.userid}; Path=/; HttpOnly`;
+		response.headers['set-cookie'] = cookie.serialize('userid', request.locals.userid, {
+			path: '/',
+			httpOnly: true
+		});
 	}
 
 	return response;

explorer-v2/src/lib/Header.svelte

@@ -6,15 +6,23 @@
 
 <header class="header">
 	<span class="title">svelte-eslint-parser</span>
-	<a class="menu" class:active={$page.path === '/'} sveltekit:prefetch href="{baseUrl}/">AST</a>
 	<a
 		class="menu"
-		class:active={$page.path === '/playground'}
+		class:active={$page.url.pathname === `${baseUrl}/`}
+		sveltekit:prefetch
+		href="{baseUrl}/">AST</a
+	>
+	<a
+		class="menu"
+		class:active={$page.url.pathname === `${baseUrl}/playground`}
 		sveltekit:prefetch
 		href="{baseUrl}/playground">Playgroud</a
 	>
-	<a class="menu" class:active={$page.path === '/scope'} sveltekit:prefetch href="{baseUrl}/scope"
-		>Scope</a
+	<a
+		class="menu"
+		class:active={$page.url.pathname === `${baseUrl}/scope`}
+		sveltekit:prefetch
+		href="{baseUrl}/scope">Scope</a
 	>
 	<SnsBar />
 	<a href="https://github.com/ota-meshi/svelte-eslint-parser" class="github-link">View on GitHub</a>