-
Notifications
You must be signed in to change notification settings - Fork 185
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat!: upgrade to tailwindcss@2 #270
Conversation
Codecov Report
@@ Coverage Diff @@
## master #270 +/- ##
=========================================
Coverage 100.00% 100.00%
=========================================
Files 3 3
Lines 45 46 +1
Branches 9 9
=========================================
+ Hits 45 46 +1
Continue to review full report at Codecov.
|
There's a possible date for this feature to be released? |
Was hoping to get it this week as mentioned in an issue. I think we have to wait a couple days more. |
Thanks for reply, I'm happily waiting to undo the haywire that become my package.json |
Just in case, I am not the guy who merge AhAh. I am just a waiting develop as you are 🤓 ! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks!
Released as @nuxtjs/tailwindcss@4.0.0-0 (alpha) |
Just want to say thanks and appreciate all the effort you guys put into nuxtjs and the external modules. |
* feat!: upgrade to tailwindcss@2 (#270) * chore: add alpha release script * chore(release): 4.0.0-0 * chore(deps): update all non-major dependencies (#276) Co-authored-by: Renovate Bot <bot@renovateapp.com> * chore: don't force darkMode option * chore(release): 4.0.0-1 * fix: use purge as object and force it to provide purge options * chore: update test to use purge.content * chore(release): 4.0.0-2 * chore: add postcss-nested instead of preset Waiting for csstools/postcss-preset-env#191 to be ready * chore(release): 4.0.0-3 * chore: add autoprefixer too * chore(release): 4.0.0-4 * update nuxt-postcss8 * update to @nuxt/postcss8 * chore(release): 4.0.0-5 * feat: tailwind jit (#288) * feat: add Tailwind JIT support * chore: improvements * chore: remove duplicate postcss-nested * chore: simplify * chore(release): 4.0.0-6 * generate .nuxt/tailwind.config.js and use it for tailwind options + tailwind.jit option Co-authored-by: Sébastien Chopin <seb@nuxtjs.com> * chore: fix lint issue * skip config dependent tests for now * chore(release): 4.0.0-7 * refactor: typescript rewrite * chore(release): 4.0.0-8 * remove wronly checked-in file * fix: dont expose config without option defined * chore(release): 4.0.0-9 * fix: revert to using object syntax * chore(release): 4.0.0-10 * chore: add _hash to tailwind config * chore: upgrade deps * chore: update jit * docs: update readme * chore(release): 4.0.0-11 * chore(release): 4.0.0-12 * docs: prepare docs * docs: fix links * fix: missing dependency * chore: upgrade docus * docs: add tailwindcss * docs: upgrade docus * docs: small improvement * docs: wtf netlify build * docs: phrasing * chore: ignore Co-authored-by: Romain Lanz <2793951+RomainLanz@users.noreply.github.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Renovate Bot <bot@renovateapp.com> Co-authored-by: Sébastien Chopin <seb@nuxtjs.com>
100: chore(deps-dev): bump @nuxtjs/tailwindcss from 3.4.3 to 4.0.1 r=aDotInTheVoid a=dependabot[bot] Bumps [@nuxtjs/tailwindcss](https://github.com/nuxt-community/tailwindcss-module) from 3.4.3 to 4.0.1. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/nuxt-community/tailwindcss-module/releases"><code>@nuxtjs/tailwindcss's releases</code></a>.</em></p> <blockquote> <h2>v4.0.1</h2> <p>Switch from <a href="https://github.com/postcss/postcss-nested">postcss-nested</a> to <a href="https://github.com/csstools/postcss-nesting">postcss-nesting</a> to respect <a href="https://drafts.csswg.org/css-nesting-1/">CSS Nesting</a> spec we supported with version 3 of the module.</p> <h2>v4.0.0</h2> <h2>Tailwind 2 with PostCSS 8</h2> <p>PostCSS 8 is now possible thanks to <a href="https://github.com/nuxt/postcss8"><code>@nuxt/postcss8</code></a>! No more compatibility build to use the latest version of Tailwind now ✨</p> <p>Make sure to read the <a href="https://tailwindcss.nuxtjs.org/setup">installation</a> steps.</p> <h2>Tailwind Just-In-Time</h2> <p>You may have heard about the <a href="https://github.com/tailwindlabs/tailwindcss-jit">Just-In-Time compilation</a> mode of TailwindCSS, this version supports it, simply set the <code>jit</code> option in your <code>nuxt.config.js</code>:</p> <pre lang="js"><code>export default { buildModules: ['@nuxtjs/tailwindcss'], tailwindcss: { jit: true } } </code></pre> <p>With <code>jit</code> option, our build on nuxtjs.org came from 40s to 7s ⚡</p> <p><a href="https://tailwindcss.nuxtjs.org">https://tailwindcss.nuxtjs.org</a></p> <h2>v4.0.0-0</h2> <h3>Features</h3> <ul> <li>upgrade to tailwindcss2 (<a href="https://github.com/nuxt-community/tailwindcss-module/issues/270">#270</a>) (<a href="https://github.com/nuxt-community/tailwindcss-module/commit/8ab33b802005b80cd372e9a268e1c20ac8db8007">8ab33b8</a>)</li> </ul> </blockquote> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/nuxt-community/tailwindcss-module/blob/main/CHANGELOG.md"><code>@nuxtjs/tailwindcss's changelog</code></a>.</em></p> <blockquote> <h3><a href="https://github.com/nuxt-community/tailwindcss-module/compare/v4.0.0...v4.0.1">4.0.1</a> (2021-03-16)</h3> <h3>Bug Fixes</h3> <ul> <li>use postcss-nesting instead (<a href="https://github.com/nuxt-community/tailwindcss-module/commit/6240fdf331557f4b87a2580c545f3b49ce3faab5">6240fdf</a>)</li> </ul> <h2><a href="https://github.com/nuxt-community/tailwindcss-module/compare/v3.4.3...v4.0.0">4.0.0</a> (2021-03-15)</h2> <h3>⚠ BREAKING CHANGES</h3> <ul> <li>v4 (<a href="https://github.com/nuxt-community/tailwindcss-module/issues/287">#287</a>)</li> </ul> <h3>Features</h3> <ul> <li>v4 (<a href="https://github.com/nuxt-community/tailwindcss-module/issues/287">#287</a>) (<a href="https://github.com/nuxt-community/tailwindcss-module/commit/15a86a9628f9fb941ebe8a6eba62f3b6ab579b04">15a86a9</a>), closes <a href="https://github.com/nuxt-community/tailwindcss-module/issues/270">#270</a> <a href="https://github.com/nuxt-community/tailwindcss-module/issues/276">#276</a> <a href="https://github.com/nuxt-community/tailwindcss-module/issues/288">#288</a></li> </ul> <h2><a href="https://github.com/nuxt-community/tailwindcss-module/compare/v4.0.0-11...v4.0.0-12">4.0.0-12</a> (2021-03-15)</h2> <h2><a href="https://github.com/nuxt-community/tailwindcss-module/compare/v4.0.0-10...v4.0.0-11">4.0.0-11</a> (2021-03-15)</h2> <h2><a href="https://github.com/nuxt-community/tailwindcss-module/compare/v4.0.0-9...v4.0.0-10">4.0.0-10</a> (2021-03-13)</h2> <h3>Bug Fixes</h3> <ul> <li>revert to using object syntax (<a href="https://github.com/nuxt-community/tailwindcss-module/commit/a8d4acfd3ee60b14858f04a6af5d938276b1aa05">a8d4acf</a>)</li> </ul> <h2><a href="https://github.com/nuxt-community/tailwindcss-module/compare/v4.0.0-8...v4.0.0-9">4.0.0-9</a> (2021-03-13)</h2> <h3>Bug Fixes</h3> <ul> <li>dont expose config without option defined (<a href="https://github.com/nuxt-community/tailwindcss-module/commit/d98086e7db5e110891c0c2dd97dbc79d352cef9b">d98086e</a>)</li> </ul> <h2><a href="https://github.com/nuxt-community/tailwindcss-module/compare/v4.0.0-7...v4.0.0-8">4.0.0-8</a> (2021-03-12)</h2> <h2><a href="https://github.com/nuxt-community/tailwindcss-module/compare/v4.0.0-5...v4.0.0-7">4.0.0-7</a> (2021-03-12)</h2> <h3>Features</h3> <ul> <li>tailwind jit (<a href="https://github.com/nuxt-community/tailwindcss-module/issues/288">#288</a>) (<a href="https://github.com/nuxt-community/tailwindcss-module/commit/24dc6c028f9399a58d2e1d73021a9f6532466775">24dc6c0</a>)</li> </ul> <h2><a href="https://github.com/nuxt-community/tailwindcss-module/compare/v4.0.0-5...v4.0.0-6">4.0.0-6</a> (2021-03-12)</h2> <h3>Features</h3> <!-- raw HTML omitted --> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/nuxt-community/tailwindcss-module/commit/e00da222a62548ad25585ab24d793f596f6c478a"><code>e00da22</code></a> chore(release): 4.0.1</li> <li><a href="https://github.com/nuxt-community/tailwindcss-module/commit/aa9fc21223b312f75df2da6628fa139396e9932d"><code>aa9fc21</code></a> docs: update to postcss-nesting</li> <li><a href="https://github.com/nuxt-community/tailwindcss-module/commit/6240fdf331557f4b87a2580c545f3b49ce3faab5"><code>6240fdf</code></a> fix: use postcss-nesting instead</li> <li><a href="https://github.com/nuxt-community/tailwindcss-module/commit/23adb8de33f5756f684e8d9afbcc41530e81e244"><code>23adb8d</code></a> chore(release): 4.0.0</li> <li><a href="https://github.com/nuxt-community/tailwindcss-module/commit/753c4dcc63869d1da490ef9ccf6eef55fb4c951c"><code>753c4dc</code></a> chore: remove dev branch</li> <li><a href="https://github.com/nuxt-community/tailwindcss-module/commit/93036c3fb27d1bb17f0cf60de78f0ece66b91c44"><code>93036c3</code></a> chore: upgrade tailwind jit</li> <li><a href="https://github.com/nuxt-community/tailwindcss-module/commit/15a86a9628f9fb941ebe8a6eba62f3b6ab579b04"><code>15a86a9</code></a> feat!: v4 (<a href="https://github.com/nuxt-community/tailwindcss-module/issues/287">#287</a>)</li> <li><a href="https://github.com/nuxt-community/tailwindcss-module/commit/a133848da91d6b366105101a8a882989ba0d52c3"><code>a133848</code></a> docs: update configPath documentation (<a href="https://github.com/nuxt-community/tailwindcss-module/issues/290">#290</a>)</li> <li>See full diff in <a href="https://github.com/nuxt-community/tailwindcss-module/compare/v3.4.3...v4.0.1">compare view</a></li> </ul> </details> <br /> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@nuxtjs/tailwindcss&package-manager=npm_and_yarn&previous-version=3.4.3&new-version=4.0.1)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> <br /> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Hey! 👋
This PR update the package to use Tailwind 2.
One change that could be done is to install Tailwind as a peer dependencies, meaning the user will control the version of Tailwind instead of the package.