Skip to content

pinia-devtools-plugin not working with Vue Devtools v6 #2919

@mrleblanc101

Description

@mrleblanc101

Reproduction

.

Steps to reproduce the bug

I see Pinia v3 dropped support for Vue 2, but I didn't see any mention of this dropping support for Devtools v6.
Devtools v6 support both Vue 2 and Vue 3.
Is this expected ?

I need Devtools v6 because I support both Vue 2 and Vue 3 project.
It's inconvenient to have to disable Devtools v6 and enable Devtools v7 every time I switch project.

Expected behavior

Maybe Pinia could keep support for both Devtools v6 and v7, but I don't know how much work that would be.
Otherwise, I hope Devtools v7 add support for Vue 2, but I wouldn't hold my breath as Vue 2 EOL.

Actual behavior

.

Additional information

No response

Activity

mrleblanc101

mrleblanc101 commented on Feb 24, 2025

@mrleblanc101
Author

Maybe related to #2914 ?

mrleblanc101

mrleblanc101 commented on Feb 24, 2025

@mrleblanc101
Author

If this is intended, maybe this deprecation should be included in the changelog

Cherry

Cherry commented on Feb 24, 2025

@Cherry

Confirming this impacts Firefox pretty badly too, where Vue Devtools v7 isn't yet distributed on the extensions store, making developing with Pinia in Firefox much more difficult currently.

mrleblanc101

mrleblanc101 commented on Feb 24, 2025

@mrleblanc101
Author

Indeed @Cherry, thanks for bringing that up !
I didn't even think about that and I've been following vuejs/devtools#660 for a while.

posva

posva commented on Feb 24, 2025

@posva
Member

You can:

  • use the Vite plugin
  • Stay on Pinia 2
  • Wait until Firefox approves the new version for the devtools

I didn't know the Firefox version was still on v6, that's quite a shame but also nothing I can do about it 😅

mrleblanc101

mrleblanc101 commented on Feb 24, 2025

@mrleblanc101
Author

@posva

  1. I don't know what you mean by vite plugin, I'll look it up.

  2. Ok, but I didnt know I'd lose devtools when i upgraded. There is no mention of this, and there is no warning in the console or anywhere so I lost quite a bit of time.

Can this be documented anywhere ? I feel like a mention in the changelog would be a good place, no ? How are people expected to know that Pinia v3 doesn't support Devtools v6 anymore otherwise ?

  1. The problem is not that v7 is not approved by Firefox, the problem is that the devtools team did not even send the update for approbation... But hopefully that's going to change, I see a team member said he talk to Evan You about this
posva

posva commented on Feb 24, 2025

@posva
Member

It's indeed not in the changelog! It wasn't meant to be a breaking change either. Contribution welcome!

mrleblanc101

mrleblanc101 commented on Feb 24, 2025

@mrleblanc101
Author

I'll open a PR, thanks.
Although if I add it to changelog.md, I'm not sure it will update the GitHub Release content.
I might add a mention in the regular doc if I find somewhere suitable

mrleblanc101

mrleblanc101 commented on Feb 24, 2025

@mrleblanc101
Author

@posva I have a basic PR that add a note to the changelog, I also wanted to see if I could add a runtime console.warn() if we detect Pinia >= 3.0.0 when running with Devtools v6, but can't seem to find a way to get the devtools version.

But in my investigation, I found out that Devtools v7 still use the exact same API as Devtools v6, see here.
So now I'm wondering with the plugin wouldn't work with both version, I've reviewed the whole v3 PR and couldn't understand why.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      Participants

      @posva@Cherry@mrleblanc101

      Issue actions

        pinia-devtools-plugin not working with Vue Devtools v6 · Issue #2919 · vuejs/pinia