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

Author: danielroe

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

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>"')
+  })
 })