fix: 🐛 fix breaking changes with page params

See sveltejs/kit#3126 for more details

with-sveltekit-and-urql/src/routes/products/[slug].svelte

@@ -1,5 +1,5 @@
 <script context="module">
-  export const load = async ({ page: { params } }) => {
+  export const load = async ({ params }) => {
     const { slug } = params;
     return {
       props: { slug },

with-sveltekit/src/routes/product/[slug].svelte

@@ -1,65 +1,65 @@
 <script context="module">
-	import { GraphQLClient } from 'graphql-request';
+  import { GraphQLClient } from 'graphql-request';
 
-	export async function load(ctx) {
-		const graphcms = new GraphQLClient(
-			'https://api-eu-central-1.graphcms.com/v2/ck8sn5tnf01gc01z89dbc7s0o/master',
-			{
-				headers: {}
-			}
-		);
+  export async function load({ params }) {
+    const graphcms = new GraphQLClient(
+      'https://api-eu-central-1.graphcms.com/v2/ck8sn5tnf01gc01z89dbc7s0o/master',
+      {
+        headers: {},
+      }
+    );
 
-		const { product } = await graphcms.request(
-			`query ProductPageQuery($slug: String!) {
+    const { product } = await graphcms.request(
+      `query ProductPageQuery($slug: String!) {
         product(where: { slug: $slug }) {
           name
           description
           price
         }
       }`,
-			{
-				slug: ctx.page.params.slug
-			}
-		);
+      {
+        slug: params.slug,
+      }
+    );
 
-		return {
-			props: {
-				product
-			}
-		};
-	}
+    return {
+      props: {
+        product,
+      },
+    };
+  }
 </script>
 
 <script>
-	export let product;
+  export let product;
 </script>
 
 <svelte:head>
-	<title>{product.name}</title>
+  <title>{product.name}</title>
 </svelte:head>
 
 <h1>{product.name}</h1>
 <p>{product.description}</p>
 <p>${product.price / 100}</p>
 
 <style>
-	h1,
-	p {
-		text-align: center;
-		margin: 0 auto;
-	}
-	h1 {
-		font-size: 2.8em;
-		text-transform: uppercase;
-		font-weight: 700;
-		margin: 0 0 0.5em 0;
-	}
-	p {
-		margin: 1em auto;
-	}
-	@media (min-width: 480px) {
-		h1 {
-			font-size: 4em;
-		}
-	}
+  h1,
+  p {
+    text-align: center;
+    margin: 0 auto;
+  }
+  h1 {
+    font-size: 2.8em;
+    text-transform: uppercase;
+    font-weight: 700;
+    margin: 0 0 0.5em 0;
+  }
+  p {
+    margin: 1em auto;
+  }
+  @media (min-width: 480px) {
+    h1 {
+      font-size: 4em;
+    }
+  }
 </style>