Bug Fixes

• use correct defuArrayFn and fix srcDir error (cef3a9f)

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.1.1...v5.1.2

What's Changed

• fix(content): Add support for error file by @sasial-dev in #467

New Contributors

• @sasial-dev made their first contribution in #467

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.1.0...v5.1.1

What's Changed

• feat: resolve cssPath with resolvePath by @dcrall in #465
• chore(deps): update all non-major dependencies by @renovate in #441
• chore(deps): update actions/cache action to v3 by @renovate in #445
• chore(deps): update dependency defu to v6 by @renovate in #446
• docs: fix typo by @jiblett1000 in #468
• docs: changed deprecated buildModules to modules by @N1kl8s in #473
• chore: upgrade to rc3 by @DamianGlowala in #477
• chore(deps): update all non-major dependencies by @renovate in #476

New Contributors

• @jiblett1000 made their first contribution in #468
• @N1kl8s made their first contribution in #473
• @dcrall made their first contribution in #465

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.0.4...v5.1.0

What's Changed

• docs: general review of all sections by @DamianGlowala in #461
• fix: add tailwindcss types by @yassilah in #462

New Contributors

• @DamianGlowala made their first contribution in #461
• @yassilah made their first contribution in #462

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.0.3...v5.0.4

What's Changed

• docs: update config.md by @Rigo-m in #457
• docs: Fix tailwind.config.ts url in docs by @guillaumebriday in #450
• fix: tailwind viewer url by @shba007 in #453

New Contributors

• @Rigo-m made their first contribution in #457
• @guillaumebriday made their first contribution in #450
• @shba007 made their first contribution in #453

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v5.0.2...v5.0.3

Stable version is out and ready for feedback 🎊

Please read carefully the v5.0.0-0 release notes.

What's included

• Update Setup Docs by @juliangeissler in #374
• docs: Add note about using resolved config with TypeScript by @disusered in #396
• feat: add css inject position by @yolofit in #381
• chore(deps): update devdependency eslint to v8 by @renovate in #391
• chore(deps): update devdependency @types/jest to v27 by @renovate in #375
• chore(deps): update dependency postcss-custom-properties to v12 by @renovate in #383
• feat: migrate to tailwind v3 by @dargmuesli in #407
• docs: fix brand to Tailwind CSS by @hmaesta in #417
• chore(deps): update all non-major dependencies by @renovate in #400
• docs: add missing viewer option by @LeCoupa in #412
• refactor!: rewrite with module-builder and nuxt/kit by @pi0 in #419
• chore(deps): update all non-major dependencies by @renovate in #422
• fix: import tailwindcss/resolveConfig with extension by @Ricklin90085 in #426
• chore(deps): update all non-major dependencies by @renovate in #427
• chore(deps): update actions/setup-node action to v3 by @renovate in #435

New Contributors

• @juliangeissler made their first contribution in #374
• @disusered made their first contribution in #396
• @yolofit made their first contribution in #381
• @dargmuesli made their first contribution in #407
• @hmaesta made their first contribution in #417
• @LeCoupa made their first contribution in #412

Full Changelog: https://github.com/nuxt-community/tailwindcss-module/compare/v4.2.1...v5.0.0

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)

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

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

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

• 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

• Remove @tailwindcss/jit dependency (#340)

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

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

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

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

Features

• upgrade to tailwindcss2 (#270) (8ab33b8)

Bug Fixes

• Use nuxt resolver to import tailwind.config.js (#286) (62526cf) (resolves nuxt/nuxt.js#8971)

• Upgrade to Tailwind Config Viewer v1.4.0 (#237) · c18498f

• fix(middleware): use cjs syntax (#236) · f35b1cc

Features

Integration with tailwind-config-viewer is live, see #232, thank you @rogden !

https://tailwindcss.nuxtjs.org/tailwind-viewer/

• fix: addTemplate call compats low version nuxt (#225) · b18380d
• chore(deps): update all non-major dependencies (#222) · 4641a90

Bug fixes

• fix: Remove duplicated border-2 class from copy-box (#221) · c84c8be

Bug fixes

• fix(lib): check listeners value before displaying url · 431eafc

Misc

• docs: update tailwind v2 using yarn · 8ea24c6
• chore(deps): update devdependency eslint-plugin-vue to ^7.2.0 (#219) · 87b3a6c

Bug Fixes

• handle color as string and smarted light/dark detection (6058ea8)

Features

• Add tailwind colors page (#215) (43db226)

Features

• use @tailwind util (#182) (839b77c)
• Improve purge globs (#179)

Features

• purge: handle custom srcDir and support TS (#170) (bf3e0db)

Bug Fixes

• handle HMR for tailwind config (8c26472), closes #157

• Upgrade to TailwindCSS 1.7.3
• Docs: add Upgrading Tailwind section

⚠ BREAKING CHANGES

• build.postcss.plugins as Array is not supported anymore

Features

We now have a documentation website: https://tailwindcss.nuxtjs.org

• The module will not create the tailwind files anymore but load them if they exist
• @nuxtjs/tailwindcss now configures the purge option of TailwindCSS and let the user extend it easily to keep a minimal tailwind.config.js template
• Nuxt modules can easily extend the user tailwind config (adding Typography plugin, settings colors, etc)
• Updating the tailwind.config.js will actually do a full Nuxt server restart but will actually fix the plugins update issue

Upgrade Tailwindcss to v1.6.0

Misc ✨

• Upgrade dependencies (TailwindCSS to v1.5.1).

If a new version of TailwindCSS goes out, you can always install it with npm install --save-dev tailwindcss, the module will use it directly.

Bug fixes 🐞

• Force production env for postcss on nuxt build (977d605)

Version 2.0 is out, including TailwindCSS v1.4 ✨

This version is a breaking change since we actually removed nuxt-purgecss dependency, since Tailwind 1.4 has a purge option now!

If you are upgrading, take a look at the new tailwind.config.js:

// tailwind.config.jsmodule.exports = {  /* ... your actual config */,  purge: {    // Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css    enabled: process.env.NODE_ENV === 'production',    content: [      'components/**/*.vue',      'layouts/**/*.vue',      'pages/**/*.vue',      'plugins/**/*.js',      'nuxt.config.js'    ]  }}

• Upgrade dependencies and use Tailwind v1.3.4 ✨

Features

• Add exposeConfig option to reference resolved config in javascript runtime (PR #69)

See demo and source code

Chore

• Upgrade dependencies

• Fix: don't purge base and components (#65 by @hecktarzuli)
• Upgrade dependencies (#63)

• Upgrade to Tailwind v1.2 (#60)
• Fix override PurgeCSS "enabled" option (#59)

Fix a regression: PurgeCSS stopped working after upgrade to v.1.3.0

Related Issues: #52 and #54

• Upgrade TailwindCSS to v1.1.4
• Add purgeCSSInDev option to activate purgeCSS in development mode

• Upgrade TailwindCSS to 1.1.3
• Add support for deprecated build.postcss.plugins syntax (#36)

• Upgrade to Tailwind v1.1.0
• Remove log of postcss preset (fix #20)
• Use nuxt.hook('build:before') to work when used as middleware (fix #23)

Misc

• refactor: module and increase coverage (#5)

See changelog

See changelog

See changelog