fix(nuxt-picture): render svgs with src not srcset

nuxt · May 29, 2023 · 46939f1 · 46939f1
1 parent b3a9089
commit 46939f1
Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/runtime/components/nuxt-picture.ts b/src/runtime/components/nuxt-picture.ts
@@ -36,7 +36,7 @@ export default defineComponent({
     type Source = { srcset: string, src?: string, type?: string, sizes?: string }
     const sources = computed<Source[]>(() => {
       if (format.value === 'svg') {
-        return [<Source>{ srcset: props.src }]
+        return [<Source>{ src: props.src }]
       }
 
       const formats = legacyFormat.value !== format.value

diff --git a/test/unit/picture.test.ts b/test/unit/picture.test.ts
@@ -80,4 +80,13 @@ describe('Renders simple image', () => {
     const sizes = wrapper.find('source').element.getAttribute('sizes')
     expect(sizes).toBe('(max-width: 500px) 500px, 900px')
   })
+
+  it('renders src when svg is passed', () => {
+    const wrapper = mount(NuxtPicture, {
+      propsData: {
+        src: '/image.svg'
+      }
+    })
+    expect(wrapper.html()).toMatchInlineSnapshot('"<picture><img data-nuxt-pic=\\"\\" src=\\"/image.svg\\"></picture>"')
+  })
 })