Tailwindcss-module: Windi CSS (no longer required)

[alexcroox]

https://windicss.netlify.app/

For your consideration. Supposedly it drastically improves dev start up times which is a common problem when using Tailwind.

https://twitter.com/antfu7/status/1361398324587163648

Edit: this may no longer be required due to improvements in core tailwind: https://github.com/nuxt-community/tailwindcss-module/issues/264#issuecomment-788351811

[Atinux]

Thanks for creating the issue, we are already testing it and see how we can integrate it properly.

[Atinux]

Any help is more than welcome :green_heart:

[alexcroox]

Further discussion here: https://github.com/nuxt-community/tailwindcss-module/pull/203

[ram-you]

Any help is more than welcome

@antfu can you help please ?

[harlan-zw]

Happy to take a look at this.

Any notes on implementation? Should we expect users to do the migration steps themselves? https://windicss.netlify.app/guide/migration.html#base-styles

[alexcroox]

Don't know if it helps but I'm also tracking nuxt-build-optimisations repo who are also looking to implement it automatically so there might be some pointers:

https://github.com/loonpwn/nuxt-build-optimisations/tree/feat/windycss

https://github.com/loonpwn/nuxt-build-optimisations/commits/feat/windycss

[alexcroox]

oh :fail: I just noticed you are the author of that repo @loonpwn 😅

[harlan-zw]

oh :fail: I just noticed you are the author of that repo @loonpwn

Haha good to know someone is watching :eyes:

Update for you @Atinux:

To implement this using the loader vue-windicss-preprocess is pretty much there. The missing pieces are: the loader doesn't support passing the config in as an object (breaking hooks), which I have sent a PR for and updating the documentation site.

I am a little bit concerned with this issue https://github.com/windicss/vue-windicss-preprocess/issues/3. If the base loader has some bugs with vendor packages then it may trip up some users. Will need some more testing.

Code is here: https://github.com/loonpwn/tailwindcss-module/commit/0670b9751ae36c172583cdb62b89b23d5ed96e29

[Atinux]

Thank you so much for looking at it and making progress @loonpwn

I will take a look as soon as I am done recording my talk for Nuxt 3 for VueJS Amsterdam.

[viennv1709]

@Atinux Could you publish the roadmap for Nuxt3? I can't wait to know when it's released

[Mikaleb]

@viennv1709 I think we'll get all details after the VueJS Amsterdam talks. You can follow it live next week though, I sure will !

[alexcroox]

This may not be required anymore, Adam seems to be working on vastly improving Tailwind HMR/build times in the core of tailwind:

https://twitter.com/adamwathan/status/1364270507361730563

https://twitter.com/adamwathan/status/1366492530569850880

https://twitter.com/adamwathan/status/1366509825186795524

[Atinux]

Indeed, I am already testing with it (private at the moment) and we see perfs improvements :smile:

[harlan-zw]

Windicss implementation will released as a seperate package. This can probably be closed.

[alexcroox]

https://blog.tailwindcss.com/just-in-time-the-next-generation-of-tailwind-css