Vuetify animations are not rendered in production mode

[marvin-j97]

Module version
1.9.1

Describe the bug
Vuetify animations (e.g. v-fade-transition, v-expand-transition, ...) are not rendered in production mode (npm run build && npm start).

To Reproduce
https://github.com/dotvirus/nuxt-vuetify-animation-bug

Steps to reproduce the behavior:
0. Run "npm run build && npm start"

1. Go to localhost:3000
2. Click 'Toggle Animation'
3. Click it again
   (4. Compare with "npm run dev" and it's pretty obvious)

Expected behavior
Animations should look like the ones when running "npm run dev".

[marvin-j97]

This might actually be a problem with Vuetify itself and maybe is related to
vuetifyjs/vuetify#9938

[kevinmarrec]

Could be nice to know if it's reproducible with https://github.com/nuxt-community/vuetify-module/releases/tag/v2.0.0-alpha.1

Overall I think there's nothing we can do, it's some Vuetify CSS order issue...

[kevinmarrec]

Upstream => vuetifyjs/vuetify#9938
Not something the Nuxt module can fix, unless never use treeShaking at all but means performance issue in production.

[kevinmarrec]

I guess #208 (comment) is a workaround (but performance issue)

[silasabbott]

For the record, I'm experiencing no transitions in production as well—specifically with the default (or any other transitions) with my dialogs. I just transitioned my project over from using Vue CLI to using Nuxt and my transitions were working just fine in Vue CLI (which was obviously not using the vuetify-module). Now, using Nuxt and the vuetify-module, transitions are not working. Same version of vuetify used both ways.