Vuex - Devtools for panel view plugin

Kirby 3 Questions 🤔
#1

Hi All,

Maybe I’m missing something but I keep getting Vuex is not detected in the panel when using Vue dev tools.

I have successfully created a namespaced vuex store which is working fine, i can dispatch data to the store and retrieve it in the panel, i just cant get the vuex dev tools to pick up any vuex stores.

I’ve registered my store like so:

panel.plugin('mypluginname/mypluginvalue', {

  created: function(app) {

    app.$store.registerModule('mypluginvalue', {
      namespaced: true,
      state: {
       // my state here
      },
      getters: {
       // my getters here
      },
      mutations: {
       // my mutations here
      },
      actions: {
       // my actions here
      },
    });
  }
});

I’ve tried the usual stuff like making sure dev tools is enabled, pretty much the only thing ive not tried that i can think of is importing vuex itself rather than relying on the panel exposing this.

Can anyone clear this up?

Thanks in advance!