fix(gatsby): support multiple instances of same variable in gatsbyIma…

…ge placeholderUrl (#38626) (#38647) (cherry picked from commit b177db9) Co-authored-by: Carlos Fernandes Cunha <cunhacf@users.noreply.github.com>
gatsbyjs · Oct 20, 2023 · 02e925a · 02e925a
1 parent 8302bc8
commit 02e925a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/gatsby-plugin-utils/src/polyfill-remote-file/placeholder-handler.ts b/packages/gatsby-plugin-utils/src/polyfill-remote-file/placeholder-handler.ts
@@ -273,7 +273,7 @@ function generatePlaceholderUrl({
   const aspectRatio = originalWidth / originalHeight
 
   return url
-    .replace(`%width%`, String(width))
-    .replace(`%height%`, Math.floor(width / aspectRatio).toString())
-    .replace(`%quality%`, String(quality))
+    .replaceAll(`%width%`, String(width))
+    .replaceAll(`%height%`, Math.floor(width / aspectRatio).toString())
+    .replaceAll(`%quality%`, String(quality))
 }