Setup

Installation

1. Add @nuxtjs/tailwindcss dependency to your project:

yarn add --dev @nuxtjs/tailwindcss

npm install --save-dev @nuxtjs/tailwindcss

2. Add it to your modules section in your nuxt.config:

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

3. Create your tailwind.config.js by running:

npx tailwindcss init

Tailwind Files

When running nuxt dev, this module will look for these two files:

• ./assets/css/tailwind.css
• ./tailwind.config.js

If they don't exist, the module will inject a basic configuration for each one so you don't have to create these files.

Learn more about overwriting the Tailwind configuration in the Tailwind Config section.

Options

You can customize the module's behavior by using the tailwindcss property in nuxt.config:

export default {  tailwindcss: {    // Options  }}

See the module options.