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

…ge placeholderUrl (#38626) (cherry picked from commit b177db9)
gatsbyjs · Oct 20, 2023 · a473264 · a473264
1 parent 8302bc8
commit a473264
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))
 }