Another local image issue in SSR mode!

Hello Nuxt Image Team,

I hope this message finds you well. I wanted to bring to your attention an ongoing issue I've encountered while using the img function with multilingual images.

I previously implemented the following code to define thumbnails for different languages:

// Define thumbnails for each language
const thumbnailEn = img('/thumbnail.webp', {
  format: 'webp',
  width: 1200,
  height: 630,
  placeholder: [50, 50, 75, 75]
})

const thumbnailEs = img('/thumbnail-es.png', {
  format: 'webp',
  width: 1200,
  height: 630,
  placeholder: [50, 50, 75, 75]
})

const thumbnailAr = img('/thumbnail-ar.png', {
  format: 'webp',
  width: 1200,
  height: 630,
  placeholder: [50, 50, 75, 75]
})

// Create a computed property to determine which thumbnail to use
const optimizedThumbnail = computed(() => {
  switch (locale.value) {
    case 'es':
      return thumbnailEs
    case 'ar':
      return thumbnailAr
    default:
      return thumbnailEn
  }
})

useSeoMeta({
  ogImage: optimizedThumbnail,
})

However, I've been experiencing issues with all locally added images. This is the third time I've reported this problem in the past two weeks, and unfortunately, it remains unresolved.

We rely on this tool for our multilingual SEO needs, so I would greatly appreciate your assistance in fixing this error.

you can check the prior ones here #1806

Thank you for your attention to this matter. I look forward to your prompt response.

Best regards,
Bader Idris

Start by comparing this report with prior issue #1806 and reproducing the shown img and useSeoMeta usage in Nuxt SSR with local multilingual images. Done means the localized ogImage works for the listed locales without errors, with regression coverage added if the project’s existing tests support this case.