help: Pinia stores are empty in devtools

[wanderowski]

📚 What are you trying to do?

Hello!

We just initialized our monorepo with three nuxt projects in it. The problem is that we use pinia in our projects and if I open devtools, I see the pinia tab, but all the stores inside are empty. I tried to google it out, but I cannot find anyone with the same issue. Any ideas on how to solve this?

🔍 What have you tried?

No response

ℹ️ Additional context

No response

[arashsheyda]

Please provide a minimal reproduction. Thanks.

Why reproduction is required

[dvogelg4al]

Happening to me too in Chrome (incognito also doesn't work), working in Firefox and Edge. Can't really provide a reproduction since it worked fine for months and just seemingly randomly stopped working

[martinszeltins]

I upgraded from Nuxt 3.13 to 3.14 and now I also see "No Data"

[manniL]

Repro is https://stackblitz.com/~/github.com/martinszeltins/nuxt-3-14-pinia-issue?file=app.vue from nuxt/nuxt#29944

[OrbisK]

Repro is https://stackblitz.com/~/github.com/martinszeltins/nuxt-3-14-pinia-issue?file=app.vue from nuxt/nuxt#29944

does not repoduce for me.

A friend of mine got the same problem and we discovered that it is (atleast for him) related to the chrome extension vue dev tools. Removing vue devtools fixed it for now, or opening the vue devtools pinia tab.

Ill try to reproduce today :)

[OrbisK]

Reproduction:

• clone https://github.com/OrbisK/nuxt-devtools-pinia (fresh nuxt installation with nuxt pinia), dont use sandbox/stackblitz
• pnpm i && pnpm dev
• make sure to have Vue devtools chrome extension (v. 7.6.4 for me)
• open http://localhost:3000
• open nuxt devtools pinia -> no data
• open vue devtools pinia -> data in vue and nuxt devtools
• open a incognito (private) tab (ctrl + shift +n) or remove/disable vue devtools
• open nuxt devtools again
• data is there

[martinszeltins]

@OrbisK I just tested with Vue Devtools extension and it looks like that is the problem. If Vue devtools ir enabled then it breaks. But it happens starting with Nuxt 3.14

[wanderowski]

@martinszeltins @OrbisK @manniL Thank you for your answers! I completely forgot about this issue. I recently installed the Vue Devtools extension, and now I use it to check my stores. However, I want to mention that the problem appeared for me before the extension was installed. Disabling the extension doesn’t solve the issue for me either.

[dvogelg4al]

Disabling the vue extension worked for me, thanks all.