Vuetify with Tailwindcss

A discussion came up today that went something like this... We've decided to standardize on TailwindCSS for our CSS library because we want a level of granular control without the complexity of building our own CSS classes everywhere. TailwindCSS has done a great job for us with that. We are also building our project(s) using NuxtJS - which is ALSO doing a great job for us.

Now the rub - we want to use something like Vuetify because of the large library of ready built UI components that we could take advantage of. On the Vuetify page, there are installation instructions for NuxtJS (which you would expect because it is Vue based) - but nowhere does it tell you how to make TailwindCSS and Vuetify play nicely together!

Thanks to Ameer for suggesting this one on StackOverflow!

export default {

// Other Configs

vuetify: {

treeShake: true

},

}