Recast Tailwind Support

VS Code Setup

To get Tailwind CSS (opens in a new tab) intellisense working for Recast inside of VS Code (opens in a new tab), please follow the steps below:

If you haven't already you will need to install the Tailwind CSS IntelliSense (opens in a new tab) VSCode extension.

Add the following regex to your .vscode/settings.json file at the root of your project:

{
  "tailwindCSS.experimental.classRegex": [
    ["recast\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ]
}

You should now have Tailwind CSS intellisense working inside of your Recast components.

Recast will also work with other Tailwind CSS utilities including: prettier-plugin-tailwindcss (opens in a new tab). Inside your .prettierrc file you can add the following configuration:

{
  "tailwindFunctions": ["recast"]
}