fix: layout doesn't refer to url

src/routes/+layout.svelte

@@ -20,11 +20,11 @@
 		});
 	});
 
-	$: onlyCard = $page.url.pathname === '/card';
+	$: onlyCard = $page.data.card;
 </script>
 
 <TestCard full={onlyCard} on:focus={() => goto('/card')} />
-<main class:content={!onlyCard} class:sub={$page.url.pathname !== '/' && !onlyCard}>
+<main class:content={!onlyCard} class:sub={!$page.data.root && !onlyCard}>
 	<a href=".." class="button button-back"><i class="ti ti-arrow-back" />Back</a>
 	<slot />
 </main>

src/routes/+page.ts

@@ -0,0 +1,7 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = () => {
+	return {
+		root: true
+	}
+}

src/routes/card/+page.ts

@@ -0,0 +1,7 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = () => {
+	return {
+		card: true
+	};
+};