Tailwindcss-module: HMR not working when marking changes in tailwind.config.js

[chrispreisler]

Hey guys,
I think I found a HMR bug.

Version

@nuxtjs/tailwindcss: 3.0.1
nuxt: 2.14.0

Reproduction Link

https://codesandbox.io/s/cocky-water-uc4qt?file=/pages/index.vue

I created a tailwind.config.js and set a color value. I added to the headline "The Coldest Sunset" a class "text-bug". So the headline shows in red. When you change the value to blue in the tailwind.config.js, nothing happens.

Expected Result

Before 3.0.0 I could make changes to the tailwind.config.js and then after some time the changes are shown in dev mode. Now nothing happens. I always have to restart the dev environment (yarn dev).

Do I miss any option to enable that or is this a bug since 3.0.0?

Thank you very much for your help in advance.

Best regards
Chris

[Atinux]

Hi @chrispreisler

This is fixed with https://github.com/nuxt-community/tailwindcss-module/commit/8c26472031d10400d829200fd6d65f0306ab442d

Released with v3.0.2 :)

[chrispreisler]

Wow that was fast. Thank you very much for your fast help. :)