Skip to content

Standalone nuxt devtools app #687

Open
@TechAkayy

Description

@TechAkayy

🆒 Your use case

Would be great to have a standalone app (electron based) like vue-devtools-next.

Its a great experience to work on your app especially when we could have the devtools (which is super feature-rich) in a secondary monitor. Also, having the devtools opening up with the app itself can sometimes be hard to work with especially on a laptop screen.

Thanks for considering this. May be this could be part of potential convergence of the vue & nuxt devtools?

🆕 The solution you'd like

Standalone electron version of the nuxt-devtools.

🔍 Alternatives you've considered

Currently, Popup as Picture-in-Picture feature is useful but I notice that it's not very reliable in terms of connection #690.

Also, in some environments such as working on an electron app or stackbliz, popup is not an option as it works only from the top level context. Please refer to the error logged in the console in below screenshot.

image

ℹ️ Additional info

https://stackblitz.com/github/TechAkayy/nuxt-devtools-popup?file=README.md

  • Browser - Chrome Version 126.0.6478.114 (Official Build) (arm64)
  • Operating System: Darwin
  • Node Version: v20.14.0
  • Nuxt Version: 3.12.3
  • CLI Version: 3.12.0
  • Nitro Version: 2.9.7
  • Package Manager: [email protected]
  • Builder: -
  • User Config: devtools, modules
  • Runtime Modules: -
  • Build Modules: -

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions