Getters in devtools

[marshallswain]

I find that being able to see the getters in the devtools is really valuable for debugging. There's not really a performance downside on the apps that I build, but would rather discuss before making a PR.

The cleanest, most-maintainable way I can see would be to add an array of the getter property names to the root level of the store here: https://github.com/posva/pinia/blob/v2/src/store.ts#L226

Then a third group of fields can be added to the formatStoreForInspectorState function, here: https://github.com/posva/pinia/blob/v2/src/devtools.ts#L169. I did a quick change to pinia.esm-browser.js in node_modules with the following change (Note: I should have set editable to false for getters):

The result works as expected:

@posva, if you are open to this approach, I will create a PR. Thanks for building pinia. The API is nice and clean and easy to use.

[posva]

I'm glad you are enjoying Pinia! 😄

I think we can add an internal property to the store only in dev mode for the getters _getters: (string | symbol)[] that can be reduced in the devtools.ts file. We should probably do something similar for actions but if you want to give just the _getters a try, go ahead!

[marshallswain]

OK. I'll submit a PR. Thank you!

[posva]

I implemented this at c4bf761

[marshallswain]

Ooh thanks! That was on my list for today.