search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.32k stars 6.93k forks source link

[Bug Report][3.6.3] v-tooltip doesn't work with Nuxt 3 #19751

Open rodrigogs opened 1 month ago

rodrigogs commented 1 month ago

Environment

Vuetify Version: 3.6.3 Vue Version: 3.4.26 Browsers: Chrome 124.0.0.0 OS: Mac OS 10.15.7, Linux

Steps to reproduce

Mouse hover on top of the tooltiped buttons.

Expected Behavior

The buttons should show a tooltip with the current button index for each button.

Actual Behavior

Instead they show the last rendered index for all the button tooltips.

Reproduction Link

https://stackblitz.com/edit/nuxt-starter-kyrmkk?file=app.vue

johnleider commented 1 month ago

This example constantly crashes for me. image

rodrigogs commented 1 month ago

@johnleider you can interpret that as another glitch associated with v-tooltip. It has occurred to me occasionally too. If you disable the tooltip section in your code by commenting it out, the crashing should cease.

johnleider commented 1 month ago

This must have to do with directiveComponent then as a regular v-tooltip component works fine. Nuxt must not like our dynamic mounting. https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/directiveComponent.ts#L0-L1