site: upgrade to imagetools 6 (#10888)

benmccann · web-flow · commit 9f772821ce0b · 2023-10-18T11:03:21.000-07:00
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/sites/kit.svelte.dev/package.json b/sites/kit.svelte.dev/package.json
@@ -31,7 +31,7 @@
 		"tiny-glob": "^0.2.9",
 		"typescript": "5.0.4",
 		"vite": "^4.4.9",
-		"vite-imagetools": "^5.0.8",
+		"vite-imagetools": "^6.0.0",
 		"vitest": "^0.34.5"
 	},
 	"type": "module",
diff --git a/sites/kit.svelte.dev/src/lib/Image.svelte b/sites/kit.svelte.dev/src/lib/Image.svelte
@@ -10,8 +10,8 @@
 	<img {src} {alt} {...$$restProps} />
 {:else}
 	<picture>
-		{#each Object.entries(src.sources) as [format, images]}
-			<source srcset={images.map((i) => `${i.src} ${i.w}w`).join(', ')} type={'image/' + format} />
+		{#each Object.entries(src.sources) as [format, srcset]}
+			<source {srcset} type={'image/' + format} />
 		{/each}
 		<img src={src.img.src} {alt} {...$$restProps} />
 	</picture>
