search

vuetifyjs / nuxt-module

Zero-config Nuxt Module for Vuetify
https://nuxt.vuetifyjs.com/
MIT License
226 stars 22 forks source link

Using with Tailwind #168

Closed Niki2k1 closed 11 months ago

Niki2k1 commented 11 months ago

Is there an example how to completely integrate tailwind and remove utility classes?

I have multiple issues when trying to:

  1. blueprint is not getting loaded (I am trying to use md3)
  2. Hover and active colors are broken (worked before turning off utilities) image
  3. I have to set important in tailwind because vuetify is always loaded as last.
  4. I get 404's when using a settings.scss image
Niki2k1 commented 11 months ago

Ok I managed to resolve the error. Instead of having an settings.scss

@use 'vuetify/settings' with (
  $utilities: false
);

and having it added via the vuetify module options.

I now just use a main.scss with the following content:

@use "vuetify" with (
  $utilities: false
);

EDIT: nvm that didn't disable the utillity classes.

userquin commented 11 months ago

@Niki2k1 have you test with solution in pinned issue? https://github.com/userquin/vuetify-nuxt-module/issues/115

Niki2k1 commented 11 months ago

That helped thank you, I searched everything, discord other issues but did not check the pinned issues.... 😅