Pinia Not rendering in Vue Dev Tools for Firefox Developer Edition

[PoundKake]

Steps to reproduce:

1. open browser
2. navigate to vue dev tools
3. observe the absence of pinia tab on the left

Versions

FireFox Developer Edition : 136
Mac: macOS Sequoia 15.3.1
NPM Dependencies:
"@eslint/eslintrc": "^3.1.0",
"@eslint/js": "^9.11.1",
"@vue/language-server": "^2.1.6",
"eslint": "^9.10.0",
"globals": "^15.9.0",
"happy-dom": "^15.7.4",
"jsdoc": "^4.0.4",
"pinia": "^3.0.0",
"typescript": "^5.5.4",
"vue": "^3.5.4",
"vue-eslint-parser": "^9.4.3",
"vue-router": "^4.4.4",
"vuetify": "^3.7.1",
"@testing-library/vue": "^8.0.2",
"@vitejs/plugin-vue": "^5.1.3",
"@vue/eslint-config-prettier": "^8.0.0",
"@vue/test-utils": "^2.4.4",
"eslint-plugin-vue": "^9.28.0",
"jsdom": "^25.0.0",
"material-design-icons-iconfont": "^6.7.0",
"prettier": "^3.3.3",
"vite": "^5.4.4",
"vitest": "^2.0.5"

Image

[tofi86]

Happens to me as well with Pinia 3.0.x!

[marchjorth]

I found that, if you refresh the browser, while having the Vue tab open, Pinia will appear.

The same goes for;

• Timeline
• Routes
• I18n Resources
  ...if you use these

Currently on v137.0b8

[tofi86]

@marchjorth Yes, that was an issue for me as well and your solution worked – with Pinia 2!

But now, after upgrading my app to Pinia 3, the Pinia tab is completely missing in any case! Even after reloading the page.

@PoundKake as your package.json also lists Pinia 3.0.0, maybe you can update the title of this issue?

[webfansplz]

This is because pinia 3 was upgraded to devtools v7, but devtools v7 is not yet available in the firefox Store. Be related to #660 , let's track it in here.