fix: properly handle multiple SVGs (#13127)

sveltejs · Dec 9, 2024 · b80cd4c · b80cd4c
1 parent c89805e
commit b80cd4c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/gentle-queens-bathe.md b/.changeset/gentle-queens-bathe.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/enhanced-img': patch
+---
+
+fix: properly handle multiple SVGs
diff --git a/packages/enhanced-img/src/preprocessor.js b/packages/enhanced-img/src/preprocessor.js
@@ -108,8 +108,10 @@ export function image(opts) {
 					}
 					s.update(node.start, node.end, img_to_picture(content, node, image));
 				} else {
-					const name = '__IMPORTED_ASSET_' + imports.size + '__';
 					const metadata = await sharp(resolved_id).metadata();
+					// this must come after the await so that we don't hand off processing between getting
+					// the imports.size and incrementing the imports.size
+					const name = '__IMPORTED_ASSET_' + imports.size + '__';
 					const new_markup = `<img ${serialize_img_attributes(content, node.attributes, {
 						src: `{${name}}`,
 						width: metadata.width || 0,