Ability to copy an object to text

[MikaelEdebro]

One feature that would be awesome is to be able to right click an object in the vue-devtools store panel, and select "Copy to text".
Sometimes I find it can be very useful to be able to copy for example an array of objects, and paste it to a text editor. That way I don't have to expand all the array objects one by one, and I can perform text searches of the data.

[posva]

Are you aware you can copy the state already by clicking on the copy button?

[MikaelEdebro]

@posva Yes I've seen this. However this copies the entire state. It would be nice to be able to copy just one single object/array/etc.

[crcatala]

This would be useful to copy partial state, an for the component inspector to copy values there also. We could add to the existing inline quick edit actions in DataField. Maybe something like:

Would love to contribute a PR on this. Thoughts or any specific implementation you had in mind?

[MikaelEdebro]

@crcatala Yes, something like that would be awesome. Don't know if anyone else than me think this would be a great feature?
I find myself wanting to copy some object (as JSON) quite often, just to paste it in to some text editor to diff with another one.

[Akryum]

I suggest adding a context menu with several items, like copy value or store as global var. Let's not clutter the state inspector too much (there are Edit buttons already).

[crcatala]

@Akryum fair point, to support further actions in the future perhaps a context dropdown such as: