Right click Inspect component + this.$inspect()

[Akryum]

Fix #242

• Right-click inspect
• this.$inspect()

[posva]

It works, good job!
Is it possible to disable or remove the option if the right click isn't on a vue component (outside of Vue scope). I was testing on Vue docs and right-clicking outside of examples gives no feedback

[posva]

when does the pendingAction gets executed? I couldn't test this one
Depending on when it is triggered, it may be better to set pendingAction back to null

[Akryum]

Fixed

[posva]

Some other thoughts:

• if possible, it would be nice to open devtools and focus vue-devtools as well
• did you get any chance of testing this on Firefox? I couldn't load a plugin from a file, I think I need to package it first

[Akryum]

Is it possible to disable or remove the option if the right click isn't on a vue component (outside of Vue scope).

Maybe. I'll investigate this. At least we could display something like a toast with a message.

if possible, it would be nice to open devtools and focus vue-devtools as well

Unfortunately, this is impossible. Devtools must be open manually.

did you get any chance of testing this on Firefox?

No, will try.

[Akryum]

[Akryum]

[Akryum]

[Akryum]

[zzuligy]

nice work.put the inspect in menu could make the workflow fast which is better than react devtool.
but when i run,there is a error.

[Akryum]

@zzuligy Fixed! 🔧

[Akryum]

@posva I added this.$inspect() in this PR as well, since it was mostly the same need.

[Akryum]

Tested in Firefox 👌

[scottbedard]

Thank you for this!

[pschaub]

Can we merge this now? This feature is really awesome! 👍

[pepoospina]

I am having erratic behavior. Most of the times the option is not available in the context menu after I right click on it. But in some occasions it is.