🐛 Workaround to sveltekit's bug

src/routes/+layout.svelte

@@ -10,8 +10,9 @@
 
 	export let data: LayoutData;
 
-	$: shownPicture =
-		data.pictures.find((p) => p.storage[0].width >= p.storage[0].height) ?? data.pictures[0];
+	// See https://github.com/sveltejs/kit/issues/8272 for the reason why we can't just $page.data?.pictures
+	$: pictures = ($page.data?.page?.pictures as typeof data.pictures) ?? data.pictures;
+	$: shownPicture = pictures.find((p) => p.storage[0].width >= p.storage[0].height) ?? pictures[0];
 
 	let menuOpen = false;
 	let date = new Date();

src/routes/vente/[id]/+page.server.ts

@@ -21,7 +21,9 @@ export const load: PageServerLoad = async (input) => {
 		product,
 		title: `${product.name} - ${product.price} €`,
 		description: product.description,
-		pictures: product.photos,
+		page: {
+			pictures: product.photos
+		},
 		type: 'og:product',
 		price: product.price
 	};