search

nuxt / devtools

Unleash Nuxt Developer Experience
https://devtools.nuxt.com
MIT License
2.85k stars 153 forks source link

feat: exit page inspect with ESC key like in browser devtools #569

Closed sultondev closed 8 months ago

sultondev commented 8 months ago

🆒 Your use case

Every time when I want cancel component inspecting I have to open nuxt devtools it would be amazing if I could exist inspecting by clicking ESC.

🆕 The solution you'd like

It would be amazing if component inspecting closes when I press ESC key. And If I press ESC for the second time closes the nuxt devtool.

🔍 Alternatives you've considered

No response

ℹī¸ Additional info

Of course we need consider that if a web app's event should not work while component inspecting. If we have a small chat app and the chat app uses ESC command for exiting from a channel or for something else it might trigger event in the nuxt app and in exist inspecting and the web app. I hope you will create this feature considering these cases.

arashsheyda commented 8 months ago

ESC does close component inspecting, and for closing devtools you can toggle DevTools window by pressing shift + option + D (macOs) / shift + control + D (windows)

arashsheyda commented 8 months ago

note: the ESC key works only on component inspector in DevTools panel, the component inspector in components tab doesn't close. thanks

sultondev commented 8 months ago

@arashsheyda hi bro ESC isn't working on my windows 10 also nuxt devltools version in my project is: 

"@nuxt/devtools": "^0.1.2",
antfu commented 8 months ago

We temporarily closed this due to the lack of enough information. We could not identify whether it was a bug or a userland misconfiguration with the given info. Please provide a minimal reproduction to reopen the issue. Thanks.

Why reproduction is required

antfu commented 8 months ago

Also, please upgrade to the latest and try again, thanks.