feat: handle image formats other than webp

rezozero · May 24, 2024 · 1096364 · 1096364
1 parent d8f7c23
commit 1096364
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/playground/app.vue b/playground/app.vue
@@ -57,6 +57,11 @@
             <figcaption>No process image:</figcaption>
             <NuxtPicture :modifiers="{ noProcess: true }" src="opera.webp" />
         </figure>
+
+        <figure>
+            <figcaption>Avif format:</figcaption>
+            <NuxtPicture format="avif" src="rhino.jpg" />
+        </figure>
     </div>
 </template>
 

diff --git a/src/runtime/index.ts b/src/runtime/index.ts
@@ -79,8 +79,8 @@ export function getImage(
     // process modifiers
     const operationsString = operations.join('-')
 
-    if (format === 'webp' && !src.endsWith('.webp')) {
-        src += '.webp'
+    if (format && !src.endsWith('.' + format)) {
+        src += '.' + format
     }
 
     const getUrl = function (): string {