@codefixlabs/tailwindcss v0.1.50

@codefixlabs/tailwindcss

Quick Setup

Nuxt 3

1. Add @codefixlabs/tailwindcss dependency to your project

# Using npm
npm install --save-dev @codefixlabs/tailwindcss
# Using yarn
yarn add --dev @codefixlabs/tailwindcss

2. Add @codefixlabs/tailwindcss to the buildModules section of nuxt.config.ts

import { defineNuxtConfig } from 'nuxt3'

export default defineNuxtConfig({
  buildModules: [
    // Simple usage
    '@codefixlabs/tailwindcss',

    // With options
    ['@codefixlabs/tailwindcss', { /* module options */ }]
  ]
})

3. Create your configuration file

npx tailwindcss init

4. Include Tailwind in your CSS

/* ./assets/css/tailwind.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

Typescript

For Nuxt config typescript support, add the module within your tsconfig.json.

{
  "compilerOptions": {
    "types": [
      "@codefixlabs/tailwindcss"
    ]
  }
}

License

MIT License

Copyright © CodeFix Team