nuxt / devtools

Unleash Nuxt Developer Experience
https://devtools.nuxt.com
MIT License
2.93k stars 161 forks source link

feat: display more details of hooks listeners #727

Open stefanobartoletti opened 2 months ago

stefanobartoletti commented 2 months ago

🆒 Your use case

I think it would be a nice addition to the devtools to have a more detailed breakdown of hook listeners.

Currently hooks are listed with a count of listeners and the number of executions:

Screenshot_20240913_072603

I think it would be nice to be able to tell what exactly is using a specific hook, and generally speaking, tell what happens at a given point of the app lifecycle.

This also will help in better diagnosing the duration as displayed in the last column, and to try to improve performances

🆕 The solution you'd like

Clicking on a hook in the list should display a panel with more verbose details, like an explicit list of listeners, more details on execution, and so on.

🔍 Alternatives you've considered

No response

ℹī¸ Additional info

No response