Optional Vue/Vuex tools pane.

[Decipher]

As a developer I want to provide tools for my users to manipulate Vue live based documentation of components that rely on Vuex data.

I'm currently working on a set of modules, all heavily documented, that interconnect and via common Vuex stores.
I have put together a custom Vuepress theme that provides some initial mock data for my live examples: https://github.com/druxt/vuepress-theme-druxt/blob/feature/1-poc/enhanceApp.js

The main issue I face is that if a user changes the Live demo and references Vuex data that is not present it will not work.

Having the ability to show the Vuex data, and an easy way for a user to manipulate said data, should resolve the issue.

I suspect this could already be done with a custom layout for Vue Live, but that's a bit tricker as I am using Vue Live via the Vuepress plugin.

[elevatebart]

Hello @Decipher,

That is a brilliant idea. An I think it could help a lot of users. I am little afraid of adding it in vue-live since it is not standard component code.

There is good new though: the undocumented (I should fix that momentarily) option layout in the vuepress plugin. It allows us to have any layout we like in the vuepress plugin. In other words we could do it ourselves using the layout.

[Decipher]

Thanks @elevatebart, I'll give that a spin.

As for a common solution, maybe a vue-live-vuex plugin or similar?

Regardless, if I knock together something workable I'll try to update this issue.