Cannot use with Vuetify since v9 ("Could not find defaults instance")

[soetz]

Describe the bug This bug seems very similar to #572. Using any Vuetify component in a VueDatePicker slot prints the error in the console and the datepicker menu doesn’t open.

Here are the errors that I get:

To Reproduce

1. Access the minimal reproduction at https://stackblitz.com/edit/vitejs-vite-tqu9lh?file=src%2FApp.vue
2. Try to open the datepicker menu by clicking the input
3. Menu doesn’t open + console prints error

Expected behavior The same as with v8: https://stackblitz.com/edit/vitejs-vite-vau6bq?file=src%2FApp.vue The menu opens and the Vuetify components are shown inside.

Desktop & mobile (please complete the following information):

• Browser: Chrome 127.0.6533.73
• Library version: 9.0.1

[Jasenkoo]

@soetz It looks like Vuetify is doing some internal overriding on how components render, or in this case if you are using it inside some of their components.

To fix this, pass the config prop with :config={ shadowDom: true } which should resolve the issue.

[soetz]

Thanks @Jasenkoo, this looks like it works. I have one question though: this prop doesn’t actually use shadow DOM directly, right? It just changes how the datepicker renders to make it possible to use it in conjunction with the shadow DOM. Or did I get it wrong?

[Jasenkoo]

@soetz Yes, you are right, no additional changes are made, it just doesn't use slots to pre-calculate position.

[soetz]

Great, thanks again, and thanks for the great library.

[olehpryimak1999]

Same bug with action-extra slot, thanks a lot for this project. @Jasenkoo