Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cloudinary: Placeholder prop doesn't work as expected #1215

Open
PatrikBird opened this issue Jan 22, 2024 · 0 comments
Open

Cloudinary: Placeholder prop doesn't work as expected #1215

PatrikBird opened this issue Jan 22, 2024 · 0 comments

Comments

@PatrikBird
Copy link
Contributor

PatrikBird commented Jan 22, 2024

Issue

The default (IPX) provider works as expected for NuxtImg the component, but there are several issues with placeholders when using cloudinary as the provider.

  1. The default (without any params) placeholder prop shown in the docs should respect the original image ratio, but does not, always requesting a 10x10 image.
<!-- Automatically generate a placeholder based on the original image -->
<nuxt-img src="/nuxt.png" placeholder />

Request URL: https://res.cloudinary.com/[...]w_10,h_10[...]/cld-sample-4.jpg

  1. Adding the placeholder prop to a NuxtPicture component does not work at all. No placeholder is being requested in the network tab. Edit: This is a general issue and unrelated to the Cloudinary provider. See Placeholder for NuxtPicture #1160

Repro for both issues

https://stackblitz.com/edit/github-g1qxse?file=app.vue

FYI: Once the bug has been confirmed by a maintainer, I'll try to submit a PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant