[Bug Report][3.1.4] Data attribute not added to v-navigation-drawer while using scoped attribute in style tag

[taozhiyu]

Environment

Vuetify Version: 3.1.4
Vue Version: 3.3.0-alpha.4
Browsers: Chrome 110.0.0.0
OS: Windows 10

Steps to reproduce

After adding the range attribute to the style tag, the style did not work. After testing, this is caused by the v-navigation-drawer not adding data-v-* block information, other components were not tested.

Expected Behavior

scoped tag works in v-navigation-drawer

Actual Behavior

it does not work

Reproduction Link

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

[mediafreakch]

Workaround is to use :deep() selector. Here's an updated example.

As far as I can see, v-navigation-drawer is a multi-root component where attribute fallthrough needs to be taken care of manually (class attribute forwarding missing?)

[taozhiyu]

I know that this approach does solve the problem, but I think it should be considered a component defect? It actually defeats the purpose of the "scope" approach.

Thanks anyway.

[KaelWD]

vuejs/core#5446

data-v-* is added by vue and is skipped on multi-root components.