fix: correctly generate url params for sanity images

closes #63
nuxt-modules · Jan 16, 2021 · cb9c223 · cb9c223
1 parent 8f0cbaf
commit cb9c223
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/sanity-image.ts b/src/sanity-image.ts
@@ -204,7 +204,7 @@ export const SanityImage = extendVue({
 
     const queryParams = keys
       .map((prop) => {
-        const urlFormat = prop.replace(/[A-Z]./, r => '-' + r[1].toLowerCase())
+        const urlFormat = prop.replace(/[A-Z]/, r => '-' + r.toLowerCase())
         return props[prop] ? `${urlFormat}=${props[prop]}` : undefined
       })
       .filter(Boolean)

diff --git a/test/unit/__snapshots__/sanity-image.test.ts.snap b/test/unit/__snapshots__/sanity-image.test.ts.snap
@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`SanityImage provides a valid renderless component 1`] = `<img src="https://cdn.sanity.io/images/undefined/production/G3i4emG6B8JnTmGoN0UjgAp8-300x450.jpg?auto=format">`;
+exports[`SanityImage provides a valid renderless component 1`] = `<img src="https://cdn.sanity.io/images/undefined/production/G3i4emG6B8JnTmGoN0UjgAp8-300x450.jpg?auto=format&amp;fp-x=0.5">`;
diff --git a/test/unit/sanity-image.test.ts b/test/unit/sanity-image.test.ts
@@ -41,6 +41,7 @@ describe('SanityImage', () => {
           <SanityImage
             asset-id="image-G3i4emG6B8JnTmGoN0UjgAp8-300x450-jpg"
             auto="format"
+            :fp-x="0.5"
           >
             <template #default="{ src }">
               <img :src="src" />