Skip to content
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

config from tailwinds.config not applied in the app !! #769

Closed
peter-emad99 opened this issue Nov 25, 2023 · 6 comments
Closed

config from tailwinds.config not applied in the app !! #769

peter-emad99 opened this issue Nov 25, 2023 · 6 comments
Labels
question Further information is requested

Comments

@peter-emad99
Copy link

I'm using this module embeded with nuxt-ui ...for some reason that i don't know when i put custom tailwind config ..in tailwind.config.ts
it doesn't apply in any component...but when i put the same config in the config option of the module option in nuxt.config ..it works

i want to use the tailwind.config ..so the tailwind interllisense extension ..read the custom config
any thought what i'm doing wrong ??

@peter-emad99 peter-emad99 added the question Further information is requested label Nov 25, 2023
@peter-emad99 peter-emad99 changed the title config from tailwindcss.config not applied in the app !! config from tailwinds.config not applied in the app !! Nov 25, 2023
@ineshbose
Copy link
Collaborator

Sorry, I'm not quite sure what you mean. Can you provide a replication/video to elaborate what you're talking about?

For editor support, we have - https://tailwindcss.nuxtjs.org/tailwind/editor-support.

@peter-emad99
Copy link
Author

i think i put my finger on the problem here ....
every thing work if I restart the dev server ..despite the server is restarting automatically when i make changes in tailwind config file !!! but nothing reflect in browser unless i stop the process and run it again ..
any idea why ??

@ineshbose
Copy link
Collaborator

Please provide a minimal reproduction of your issue over Stackblitz - https://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz - and we can investigate it properly.

@ineshbose ineshbose added the need-repro Issue needs reproduction label Nov 25, 2023
@madebyfabian
Copy link

madebyfabian commented Nov 26, 2023

Hi there, I have the same issue for a while now.

Reproduction

  1. Open the StackBlitz: https://stackblitz.com/edit/github-mrbfhk
  2. Install deps and run the devserver
  3. Change a value in the tailwind.config.ts file
    -> for example the custom theme color theme.extend.colors.accent.DEFAULT from green to red
  4. As soon as you save the file, the devserver automatically restarts, attempting to apply the changes. It does start without any errors, but (in this example) the color value in the generated css file is not being updated, still displayed as green.
  5. To apply those changes, you must quit the devserver and restart it manually.

@ineshbose ineshbose removed the need-repro Issue needs reproduction label Nov 26, 2023
@ineshbose
Copy link
Collaborator

Thanks for the repro @madebyfabian.

It clears up that this isn't related to nuxt/ui. Do you think #682 is possibly related to this?

@madebyfabian
Copy link

@ineshbose Ah, just finding this issue. Yeah, I think this describes the same. And yeah, happens on nuxt/tailwind, not nuxt/ui. I think this issue can then be closed as a duplicate of #682

@ineshbose ineshbose closed this as not planned Won't fix, can't repro, duplicate, stale Nov 27, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested
Projects
None yet
Development

No branches or pull requests

3 participants