add tailwind csss in nuxt
npm install -D @nuxtjs/tailwindcss tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init
create a tailwind.css file in assets/css
assets/css/taiwind.css
Include directive in your Tailwind CSS file
@tailwind base;
@tailwind components;
@tailwind utilities;
past in tailwind.config.js
module.exports = {
purge: [
'./components/**/*.{vue,js}',
'./layouts/**/*.vue',
'./pages/**/*.vue',
'./plugins/**/*.{js,ts}',
'./nuxt.config.{js,ts}',
],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
},
variants: {
extend: {},
},
plugins: [],
}
run project
npm run dev
