How to solve style conflicts between Vuetify and TailwindCSS?

[lucasdavidferrero]

Hello, I'm using Nuxt3 with Vuetify, storefrontui and tailwind. StorefrontUI and tailwind work together to provide components that are suitable for ecommerce sites. I want to also use Vuetify to use some of its components in certain parts of the application.

Currently I'm having style conflicts between Vuetify (reset, utilities and default are the most problematic) and tailwind.

At the moment I'm configuring Vuetify with Nuxt following the manual installation: https://vuetifyjs.com/en/getting-started/installation/#manual-setup

How could I solve the style conflic issue? Currently it gives to me weird visualitation because of this
A good solution will be to prefix vuetify's utility classes. How to achieve this?