Weird performance issue caused by mysterious event spam

[n00kii]

I'm in the process of migrating an app from Vue2 to Vue3 from scratch and thus trying to use Vuetify3 in the process. However one thing I've quickly noticed is just bad performance across the app, every click feels unresponsive and the UI is sluggish to respond. So I took a look at internal things using the Vue Devtools, and found that the number of component events seem almost to be multiplied for some reason for any given input using Vuetify3.

For example, here's what the events look like when I expand a v-expansion-panel in the Vue2 version of my app (the two purple dots are the mousedown -> mouseup events, and the third is the full click event)

Everything looks normal and feels normal. But if I do the exact same thing in the exact same place of the Vue3 version,

you can see that there's soo many more events for some reason, and the thing takes much longer to finish responding, longer than the inital mouseclick (which wasn't the case in Vue2 version)

And another example, here's me navigating from PageA to PageB in the Vue2 version

Again, looks and feels normal. But in the Vue3 version, navigating from the same PageA to the same PageB...

Just a mess. I have absolutely no idea what's going on, any pointers or hints would really be appreciated