How install Tailwind CSS in Nuxt 3

Set up

Fist let's add @nuxtjs/tailwindcss dependency to your project

# Using yarn
yarn add -D @nuxtjs/tailwindcss

# Using npm
npm install -D @nuxtjs/tailwindcss

Now we only have to add @nuxtjs/tailwindcss to the modules section of nuxt.config.js

{
  modules: [
    '@nuxtjs/tailwindcss'
  ]
}

Create your tailwind.config.js by running:

npx tailwindcss init