feat(ProseImg): improve zoom transition

[HugoRCD]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

https://ui-itk85x0y5-nuxt-js.vercel.app/docs/typography/images-and-embeds

Before:

before.mp4

After:

after.mp4

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@4998

commit: 64a86dd

[atinux]

Why is the image transformed in height? Feels a bit weird to not respect the ratio 🤔

CleanShot.2025-09-19.at.09.28.55.mp4

[HugoRCD]

Why is the image transformed in height? Feels a bit weird to not respect the ratio 🤔

CleanShot.2025-09-19.at.09.28.55.mp4

I don't know, I'll dig around to fix this but I don't have the problem on my end with the staging preview 😬

[HugoRCD]

Why is the image transformed in height? Feels a bit weird to not respect the ratio 🤔

CleanShot.2025-09-19.at.09.28.55.mp4

Do you still see a ratio problem with this build? https://ui-fuonba9wo-nuxt-js.vercel.app/docs/typography/images-and-embeds

[maximepvrt]

@HugoRCD Maybe the component should disable the default zoom when the image is already wrapped in a link?
For example, on the version badges (see https://nuxt.com/docs/4.x/community/roadmap), zoom interferes with the link click.

[HugoRCD]

@HugoRCD Maybe the component should disable the default zoom when the image is already wrapped in a link? For example, on the version badges (see nuxt.com/docs/4.x/community/roadmap), zoom interferes with the link click.

I hadn't thought of that thanks 🙏

[maximepvrt]

@HugoRCD Maybe the component should disable the default zoom when the image is already wrapped in a link? For example, on the version badges (see https://nuxt.com/docs/4.x/community/roadmap), zoom interferes with the link click.

@HugoRCD @benjamincanac Should I open another issue about this?

[benjamincanac]

@maximepvrt I'm not sure how we could detect the image is wrapped in a link, you can just use zoom="false" I guess 😬