nuxt / nuxt/image

Placeholder for NuxtPicture

Open
#1,160 3 comments 21 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement help wanted
Dominant language
TypeScript
Stars
1.5k
Forks
331
Avg merge
19h 52m
Merged PRs (30d)
9

Description

The current docs 📘 mention that all <NuxtImg /> props should be also supported for <NuxtPicture />.

But this is currently not the case.

Placeholder logic is encapsulated within nuxt-img.ts and is not part of _base.ts.

That means the logic is currently not shared and limited to the <NuxtImg /> comoponent

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reading the placeholder logic in src/runtime/components/nuxt-img.ts and compare it with the shared structure in src/runtime/components/_base.ts. Determine how that logic can also apply to NuxtPicture; the work is done when the NuxtPicture component supports the NuxtImg props described in the documentation.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.