Vuetify css crushes Bootstrap css

Question

I'm using Vuetify in my Vue components. I want to use vuetify css in the components I use Vuetify.

i'm adding this code import VuetifyCss from 'vuetify/dist/vuetify.min.css' to my local component but it affects all project so it crushes bootstrap's some css.

How can i import vuetify.min.css into my local component which i used ?

Answer 1

This person used the scoped attribute:

 <style scoped src="vuetify/dist/vuetify.min.css"></style>

in the Component you want to use Vuetify in. Seemed to work for them judging by their answer.