Double image loaded with placeholder
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.5k
- Forks
- 331
- Avg merge
- 19h 52m
- Merged PRs (30d)
- 9
Description
When adding placeholder on playground example
https://github.com/nuxt/image/blob/main/playground/pages/provider/%5Bprovider%5D.vue#L11-L15
as this
<nuxt-img :provider="provider.name" v-bind="sample" :preload="{ fetchPriority: 'auto' }" :placeholder="10" />
I'm getting double main image loaded ass seen in the screenshot
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue in playground/pages/provider/[provider].vue at the linked example, using the shown nuxt-img props and a placeholder value of 10. Inspect the resulting network requests and compare them with the rendered images; done means the placeholder does not cause the main image to load twice.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxt, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100