How to use Tailwind to just hang classes and not override Vuetify?

Question

Vue.js

Hello!
First I added Vuetify to the project. Then Tailwind. The latter interrupted, for example, the color of buttons and the color of errors in the Vuetify form. Maybe something else, but haven't gotten around to it yet. I added a prefix 'tw-', but that only helped when adding new classes. The Tailwind configuration file is complete. If you delete everything under the theme key, then all styles disappear and Vuetify does not return back. How to make friends? I need Tailwind only for specific layout, and I need a theme from Vuetify

Answer 1

The prefix solves the problem. If you need to include some piece of ready-made code where classes are already registered and you cannot change them, then it's a bugger.
If IE support is not needed, then in principle you can wrap this piece of code in a web-component and load css there. Then, in theory, css will not intersect.