Configuring @nuxt/image in Nuxt causes Avatar to incorrectly construct external image URLs

[medz]

Environment

• Operating System: Darwin
• Node Version: v23.9.0
• Nuxt Version: 3.16.2
• CLI Version: 3.24.0
• Nitro Version: 2.11.8
• Package Manager: [email protected]
• Builder: -
• User Config: compatibilityDate, devtools, future, runtimeConfig, modules, css, app, ui, icon, fonts, image, nitro
• Runtime Modules: @nuxt/[email protected], @nuxt/[email protected], @nuxt/[email protected], [email protected]
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.16.2

Reproduction

Description

component

<UAvatar
   src="https://example.com/image.ong"
   class="size-12 shrink-0 translate-y-5"
/>

nuxt.config.ts

image: {
    provider: "aliyun",
    format: ["webp", "png"],
    densities: [1],
  },

Preview image

Additional context

No response

Logs

[benjamincanac]

Does this happen only with the Avatar component or also when using NuxtImg component?

[medz]

@benjamincanac Thanks for the reminder, the same thing happens with NuxtImg and NuxtPicture

[medz]

@benjamincanac I confirmed that this was an issue with @nuxt/image , and I finally got around to testing it separately. I found that @nuxt/image would ignore external resources and treat them as provided assets.