[Bug Report][3.7.5] VTreeView slots [subtitle, divider, header, subheader] are not working

[jakubmatisak]

Environment

Vuetify Version: 3.7.5
Vue Version: 3.5.13
Browsers: Chrome 131.0.0.0
OS: Windows 10

Steps to reproduce

I'm trying to do some customization to VTreeView using slots, but: subtitle, divider, header, and subheader are not doing anything when I use them.
At least they should print something, but nothing happens.

Expected Behavior

To do something.

Actual Behavior

Nothing happens.

Reproduction Link

https://play.vuetifyjs.com/#...

[MatthewAry]

This is likely a bug caused by incomplete functionality.

Slots are getting sent here:

vuetify/packages/vuetify/src/labs/VTreeview/VTreeview.tsx

Line 174 in d4ba559

v-slots={ slots }

And their types are getting defined at:

vuetify/packages/vuetify/src/components/VList/VListChildren.tsx

Line 37 in d4ba559

slots: VListChildrenSlots<T>

However, I think the signature is incorrect. It doesn't really make sense to me to see these slots on the TreeView component, they seem more appropriate on the children if at all.

[KaelWD]

The slots do work, you just need to have a subtitle or whatever on the items in the first place.

[jakubmatisak]

Thank you for response,

But, why should I have it in :items? Shouldn't slot "subtitle" of whatever v-slot I use just override subtitle?
I have tested it also with this example, and even if it is in items (it was also in previous example in first child) I can't see it.

It may be was not clear from previous post, but slots for title, prepend, append, and default are working as expected.
Only subtitle, divider, header and subheader are not.

https://play.vuetifyjs.com/#eNqNkTFvwjAQhf/KKUtACkVAJysgVZ07degADE58VSyZxLIvbiWU/15jMCSUSCxx7t7L9+K77TGxppy/af3iWkxYkhMetOKEm10NkLsZGUQn8QeY9JJd75Jw7hI4nTPHVYunpvAdXpJ0nHihzp97QMSBm1nVELNtQZK8Dhby+SDsgVtIJwWaDYgnzBXy4K2e8PrfiHb7z5/Pb9f2jYHqS1saqSk48Vc3hkDgN28VwfGcJvwIGEymsN7A5NKDMC7LYBtriPaLLBgssn4nzIlB6pejZMlJNrUFlg48cZze9tkWH1zWQ72spBIG60FuyA6By+ya8s4V1oIbYMC1TrM79CKFbkCOiFUPUZnmgCOA5Rjg9Qb4wsJSYw4jiNU9Yt+rbkrsdtPw0p02eN1Z0mV1q1R47P8A7mXpaA==

I may be wrong of course, but could you please provide example how to use it properly then? Because from now I have absolutely no clue.
Thanks.

[KaelWD]

Ok yeah some of them don't work, I assumed treeview reused VListChildren instead of a separate implementation.
Subtitle needs item-props or :item-props="item => ({ subtitle: item.subtitle })"

[MatthewAry]

So this IS a bug? @KaelWD

[yuwu9145]

Treeview is still in lab, so I think we should keep v3 treeview feature parity with v2 slots. Eventually, redundant slots should be removed but only keep three slots:

• title (consistently used in VList)
• append
• prepend

#20904

Thoughts? @johnleider @KaelWD

[johnleider]

I think it's a great start as long as we leave open the possibility for additions in the future.

[KaelWD]

It's based on VList so I don't see what's wrong with supporting VList slots.

[yuwu9145]

No blocker to support VList slots, it's just v2 only supports three and there has been no feature request to add more. So I thought it might be good to reduce maintenance burden via feature parity.

But looks like everyone prefers plug in all VList slots, so I will put them in