Align the usage with TailwindCSS

[hyf0]

Great project!
IMO, I think aligning the usage with TailwindCSS would provide better DX for anyone who wants to use this project.

[arlyon]

Hi. I appreciate you opening an issue but I'm not sure I understand what you mean? Are you asking that this project be managed by tailwind directly rather than be a third party plugin?

[hyf0]

Usage of stailwc

export const ColorButton = () => {
  const [clicked, setClicked] = useState(0);
  return (
    <button
      tw="p-1 m-4 text-green bg-white hover:(bg-gray text-yellow md:text-red) border-3"
      onClick={() => setClicked(clicked + 1)}
    >
      Clicked {clicked} times
    </button>
  );
};

Usage of tailwind

export const ColorButton = () => {
  const [clicked, setClicked] = useState(0);
  return (
    <button
      className="p-1 m-4 text-green bg-white hover:(bg-gray text-yellow md:text-red) border-3"
      onClick={() => setClicked(clicked + 1)}
    >
      Clicked {clicked} times
    </button>
  );
};

[arlyon]

Ah I see. I plan on adding additional features to stailwc including directive suggestion when you mistype or otherwise include an invalid tailwind class which would not be compatible with this approach. Closing.