Install SASS
npm install --save-dev node-sass sass-loader
Edit nuxt.config.ts
export default defineNuxtConfig({ // 'vuetify/lib/styles/main.sass' css: ['@/assets/styles/main.scss'], build: { transpile: ['vuetify'], },
Create assets/styles/main.scss
- Remove CSS for utilities and color
@use 'vuetify' with ( $utilities: false, $color-pack: true,);
Setup Tailwind CSS for Nuxt V3
Vuetify
to Tailwind
mapping
d-flex
->flex
w-100
->w-full
pa-3
->p-3
text-capitalize
->capitalize