Nuxt 3 and Tailwind CSS 3 support

This is a prerelease

You can try v5 by installing @nuxtjs/tailwindcss@5.0.0-4 with the package manager of your choice.

🐛 Some bugs are expected with this release. Please open an issue if had trouble with v5 upgrade.

▶️ Play online

⚠ BREAKING CHANGES

• Nuxt 3 is supported
• TailwindCSS upgraded to v3 (thanks to PR by @dargmuesli 💚 ). Read more about changes in Tailwind upgrade guide.
• JIT mode is enabled by default. You can remove jit option if was already using
• ~tailwind.config import renamed to #tailwind-config when importing the generated Tailwind config in the application
• (Module authors) tailwindcss:config hook is being called when modules are being installed for more predictable building behavior. Any module extending tailwind config should be installed before tailwindcss module

Features

• Add css inject position (#381) (4510784)
• Migrate to tailwind v3 (#407) (eacaa5e)
• Rewrite with module-builder and @nuxt/kit (#419) (8ce8255)

v4.2.1

• fix: specify files to avoid rootDir watcher (#370)

v4.2.0

• docs: Improve clarity of exposeConfig content (#363) · 6bcf442
• feat: set cssPath false to disable adding the CSS (#362) · 695d068
• chore(deps): upgrade deps · 0dde4b4

v4.1.3

Fixes

• fix: add ts extension for purging components folder (#356) · 8328c52
• fix incorrect link (bottom right) (#353) · dd45c32

Dependencies

• chore(deps): update dependency defu to v5 (#346) · e5f8f02
• chore(deps): update devdependency jest to v27 (#355) · [89382fc](https://github.com/nuxt-community/tailwindcss-

Documentation

• docs: move configPath info. (#349) · e94b34f
• docs: fix edit on GH link (#358) · 84172ee

v4.1.2

• chore: remove package-lock.json · 6d3bdd1
• chore: improve deprecation message to be generic about config specification · 50b3fd4
• chore(pkg): add "prepack" script (closes #347) · 42d4fae
• docs: change jit link since tailwind-jit is now native to tailwindcss (#345) · e10b598

v4.1.1

• Remove @tailwindcss/jit dependency (#340)

v4.1.0

Update tailwind to 2.1 to natively support JIT (#326) (dfa989a)

v4.0.3

• chore(deps): update all non-major dependencies (#318) · d7169e4
• docs: Fix typo (#324) · 8cc122f

v4.0.1

Switch from postcss-nested to postcss-nesting to respect CSS Nesting spec we supported with version 3 of the module.

v4.0.0

Tailwind 2 with PostCSS 8

PostCSS 8 is now possible thanks to @nuxt/postcss8! No more compatibility build to use the latest version of Tailwind now ✨

Make sure to read the installation steps.

Tailwind Just-In-Time

You may have heard about the Just-In-Time compilation mode of TailwindCSS, this version supports it, simply set the jit option in your nuxt.config.js:

export default {
  buildModules: ['@nuxtjs/tailwindcss'],
  tailwindcss: {
    jit: true
  }
}

With jit option, our build on nuxtjs.org came from 40s to 7s ⚡

https://tailwindcss.nuxtjs.org