Vue-devtools: Edit State Properties in Tree View

[srhise]

Do you plan to have a feature to edit the state right there in the app / tree view, right now it just displays the values but you can't edit them.

[dansullivan86]

I have started playing about with implementing this:
https://github.com/dansullivan86/vue-devtools/tree/editable

The basics work, however I am having issues with the flush event. Essentially I have created a loop, by updating the app data the app triggers a flush event, this then triggers an update-data event which updates the app data again. Currently I have an ultra hacky settimeout which breaks the loop but we still trigger an error:
[Vue warn]: Duplicate value found in v-for="field in target.state": {"type":"computed","key":"awww","value":{"a":{"b":{"c":123}}}}. Use track-by="$index" if you are expecting duplicate values.

Is anyone else with more experience able to chime in here?

[yyx990803]

Hey @dansullivan86 - really appreciate the effort! I'll take a look when I get a chance.

[jbruni]

:+1: Great. I am also eager to see vue-devtools + vuex integration... :smiley:

[blake-newman]

@yyx990803 can this issue be closed?

[Christilut]

The ability to change VueX data (or component data) would be a great addition. Would make testing multiple states much easier.

[yazfield]

that's interesting

[markadrake]

Ran into some bugs today that being able to edit the data from the dev tools would have been much quicker for testing and resolution.

[serkandemirelnmq]

What is the current state? :)