fix: handle undefined or empty image source values (#1300)

nuxt · Apr 22, 2024 · 597c70b · 597c70b
1 parent 55c2717
commit 597c70b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/runtime/components/_base.ts b/src/runtime/components/_base.ts
@@ -5,7 +5,7 @@ import { useImage } from '#imports'
 
 export const baseImageProps = {
   // input source
-  src: { type: String, required: true },
+  src: { type: String, default: undefined },
 
   // modifiers
   format: { type: String, default: undefined },

diff --git a/src/runtime/image.ts b/src/runtime/image.ts
@@ -55,11 +55,11 @@ async function getMeta(ctx: ImageCTX, input: string, options?: ImageOptions) {
 }
 
 function resolveImage(ctx: ImageCTX, input: string, options: ImageOptions): ResolvedImage {
-  if (typeof input !== 'string' || input === '') {
+  if (input && typeof input !== 'string') {
     throw new TypeError(`input must be a string (received ${typeof input}: ${JSON.stringify(input)})`)
   }
 
-  if (input.startsWith('data:')) {
+  if (!input || input.startsWith('data:')) {
     return {
       url: input,
     }