nuxt / nuxt/devtools

feat(components): shortcut to find unused components

Open
#358 14 comments 42 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
TypeScript
Stars
3.3k
Forks
214
Avg merge
13h 22m
Merged PRs (30d)
18

Description

🆒 Your use case

In bigger projects and after refactoring/new features, having an overview which of the hundred components are still in use is not always given. Thus, it'd be amazing to figure that out through the devtools and the component tab.

🆕 The solution you'd like

In the component tab, having an option to list only unused components.
There might be caveats with dynamic imports or similar (not sure?) but eventually, that could be shown as warning.

🔍 Alternatives you've considered

No response

ℹ️ Additional info

Happy to also work on the feature if people are interested in it

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 in the devtools component tab and trace how the current component list is assembled and filtered. Define how unused components should be identified, including the dynamic-import caveat, then verify that the tab can list unused components and clearly warn about cases it cannot determine.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt, typescript
Domain
devtools, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.