Feature request: Events timeline panel

[hakanedison]

We really need the Events panel to track Vue events (the list of emitted events and the properties of selected event).

See also #538.

Currently, that's the only reason we can't switch from version 6 to 7. We really need to, because in version 6, some of our components can't be inspected because of an hard-to-pinpoint flaw, in DevTools or in our code).

Thanks for your great work!

[webfansplz]

Thank you for your feedback. We believe this feature request makes sense. Previously, we did not implement it due to significant performance overhead and memory leaks. However, if users truly need it, we should find a way to enable it on-demand (or have it disabled by default and allow users to enable it manually).

[yaffol]

I would also find the component events timeline very useful. I agree that making it an on-demand, or configurable option makes sense.

[mreduar]

It would be really useful to have it at least as an option to activate it momentarily. I am currently working on a bug that would make it much easier to see the events emitted.

[webfansplz]

Cooking 🧑‍🍳

[webfansplz]

See you soon 😊

[mreduar]

See you soon 😊

Nice!

[hakanedison]

Great! 👍🏻

[rubjo]

@webfansplz Looks really great! However, am I the only one expecting the "Enabled"/"Disabled" toggle to say the reverse of what they do currently?

[hakanedison]

@webfansplz Looks really great! However, am I the only one expecting the "Enabled"/"Disabled" toggle to say the reverse of what they do currently?

A classic, and partly philosophical question; should the text indicate the current state or should it indicate what happens when you click? In my opinion, it partly depends on what kind of UI component it is, and partly on how the text is formulated (if it makes it clear whether it is state or action that is meant).

In general, I probably prefer that the text on a button refers to the action taken when clicked, but that's not a strong opinion.

[rubjo]

Agreed – the current text is neither showing active state nor action, it's showing state if clicked 😄