vuejs / vuejs/devtools

App 3, App 4

Open
#1,021 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
2.9k
Forks
279
PR merge metrics
No merged PRs in 30d

Description

Not sure why, but when using Nuxt I get 4 apps.
The first one is <nuxt-devtools-inspect-panel>.
The second is <div id="nuxt-devtools-container" data-v-inspector-ignore="true"><nuxt-devtools-frame></nuxt-devtools-frame></div>.

Could it be a good idea to work with the Nuxt team to hide these or name them properly ?

But the actual problem is that both App 3 and App 4 are my actual app.
Why is it displayed twice 🤔
Selecting one will always select the other as you can see from the green highlight.

Image

Contributor guide

No contributing guide indexed for this repository

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

Reproduce the issue with a Nuxt application and inspect the Devtools app list, focusing on why the actual application appears as both App 3 and App 4 while selecting either highlights the same app. Compare the listed Nuxt Devtools entries with the application entry. Done means the actual app is shown once, with the Devtools entries handled consistently.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt, typescript
Domain
tooling
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.