Enable JIT support

[maddog986]

Describe your Idea
JIT support would be nice. Having the ability to use peer-* on components opens a ton more possibilities for components.

Additional context
I built a simple carousel component, but can not submit due to it using peer-* styling. See it at https://play.tailwindcss.com/bzje1DhMN5

[agustinprod]

It's actually a nice thing to have, because we're loading the full tailwindcss for each component, a few mb worth of css... We should generate a tailwind css compilation on real time by compiling on the browser, but i don't know if that is possible.

[maddog986]

It's actually a nice thing to have, because we're loading the full tailwindcss for each component, a few mb worth of css... We should generate a tailwind css compilation on real time by compiling on the browser, but i don't know if that is possible.

Would this work? https://github.com/beyondcode/tailwindcss-jit-cdn

edit: Appears to work for me, testing locally, with a simple html file and the included script tag.
edit: edit: Working demo, with Tailwind JIT: https://codesandbox.io/s/infallible-wing-nqsjx?file=/index.html

[agustinprod]

It looks exactly what we need, thank you! Maybe we should only enable this for components on version >= 2.0. What do you think @khatabwedaa ?

[khatabwedaa]

Let take look 👀 .

[maddog986]

Just now I guess we can just add the script tag to the component page, it works: https://tailwindcomponents.com/component/card-carousel

[khatabwedaa]

Awesome I will apply it for all v2 components Thanks Budy.

[khatabwedaa]

Hey @maddog986, we added to the code base now you can use jit without including any script.