fix: ComponentInspector icon should be greyed out or not shown when componentInspector: false is set in the nuxt config file
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.3k
- Forks
- 214
- Avg merge
- 13h 22m
- Merged PRs (30d)
- 18
Description
🐛 The bug
Disabling the Component Inspector via the nuxt config file: devtools: { componentInspector: false, enabled: true } does not disable the inspector icon in the devtools UI. So if yo click on it, you get stuck, because you cannot select anything, but you also can't cancel out of it.
So I have to reload the page to continue.
🛠️ To reproduce
Any nuxt app
🌈 Expected behavior
The inspector icon/button should either be greyed out (disabled) or now be shown in the first place, since the functionality is disabled.
ℹ️ Additional context
No response
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
Search the devtools UI and configuration handling for ComponentInspector and componentInspector. Reproduce the issue in a Nuxt app with devtools: { componentInspector: false, enabled: true }, then verify that the inspector control is unavailable or visibly disabled and cannot enter a stuck selection state.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxt, typescript
- Domain
- developer-experience, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100