vite-plugin-vue-devtools icon indicating copy to clipboard operation
vite-plugin-vue-devtools copied to clipboard

Support for Nuxt SSR apps

Open TechAkayy opened this issue 2 years ago • 2 comments

I would like to use this package instead of the nuxt devtools primarily for the ability to see component tree & state (as an alternative to browser based vue-devtools extension).

Are you able to advise why your plugin wouldn't work for Nuxt SSR apps? As in, I did look into the code and didn't find anything specific that makes it incompatible with Nuxt SSR apps. I would like to learn what I missed looking.

Thanks in advance.

TechAkayy avatar Jun 18 '23 12:06 TechAkayy

The reason SSR are not currently supported is actually because Nuxt DevTools is more recommended. Thanks for liking this, I'll be thinking about how it's compatible with SSR.

webfansplz avatar Jun 20 '23 10:06 webfansplz

Thanks @webfansplz. There is one vue core fix that's pending merge that already impacts vue-devtool's ability to identify parent components of hydrated elements. This is for your reference, just in case you happen to explore SSR support for your vite-devtools. Cheers!

https://github.com/vuejs/devtools/issues/2004

https://github.com/vuejs/core/pull/7556

TechAkayy avatar Jun 21 '23 08:06 TechAkayy