vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.68k stars 4.14k forks source link

Auto expand single child components in tree #2088

Open dan-hammond opened 1 year ago

dan-hammond commented 1 year ago

What problem does this feature solve?

Hi,

I wanted to pitch an idea I had for a small quality of life improvement, which is to automatically expand nested single children/descendants in the component tree when expanding a parent. It would only auto expand if it's the only child of the previously expanded node.

I think this would avoid the need for a lot of repeated clicks while trying to traverse a tree of components. It's particularly grating when there are 5/6 levels of framework or third party provided components before I get to the one(s) I am after.

An example would be the expected default state of my page. I'd like for it to have expanded all those root elements down to and including the layout, as they're all single children. Once we're in the layout, it stops auto-expanding as there are multiple children. image

If I then expand NuxtPage, I'd like for it to expand all of the single child descendants down to my Index component, which then has multiple children, so stops expanding. image

I suppose it also makes sense for there to be a max depth of auto expanding just in case of situations where there are tens or hundreds of single child nodes.

I appreciate it may not be possible, and that it's hardly a game changer of a feature, but I think it'd be a nice addition. Apologies if it's already been requested in the past, I did search but couldn't find anything related.

Thanks