Integrate all @pinia/colada-devtools functionality as an official Vue devtools plugin

[segevfiner]

Currently Pinia Colada has a Vue devtools plugin (Included as part or Pinia Colada itself) and also it's own additional component that has additional dev functionality. It would be nice to integrate such functionality into the official Vue devtools plugin instead of needing a separate component that needs to be separately installed.

[posva]

Unfortunately, it's not doable right now. In the future, the Vue devtools will (hopefully) expose enough APIs to enable rpc in both directions and to host a fully custom app (similar to Nuxt).

[segevfiner]

It can have buttons for custom commands. And you can tell it to refresh the devtools view when stuff changed. What stuff is missing to implement what functionality of the Pinia Colada devtools? It will help to open feature requests for what's missing.

Hosting a full web app in the devtools from a plugin can be a problem when the devtools are hosted in the browser devtools via an extension, since that will be running arbitrary code from the web page in the more privileged context of the browser extension.

[MangMax]

Unfortunately, it's not doable right now. In the future, the Vue devtools will (hopefully) expose enough APIs to enable rpc in both directions and to host a fully custom app (similar to Nuxt).

Is it possible to integrate into Nuxt's devtool now?

[posva]

No because that would make it not work with regular Vue devtools

[segevfiner]

I wonder if there isn't a way to do both... Not sure if Nuxt devtools has any support for the Vue devtools API though.

[MangMax]

I think maybe wait until the stable version of vite devtool is released, and maybe we can achieve compatibility between the two