Tooling Setup

IntelliSense setup (optional)

If you are using VSCode and the
Tailwind CSS IntelliSense Extension
, you have to add the following to your
settings.json
file. 
{
  "tailwindCSS.experimental.classRegex": [
    ["tva\\((([^()]*|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ]
}

Prettier plugin setup (optional)

If you are using
prettier-plugin-tailwindcss
 to sort your class names, you can add tv to the list of functions that should be sorted (on
.prettierrc
). 
module.exports = {
  plugins: ['prettier-plugin-tailwindcss'],
  tailwindFunctions: ['tva'],
};
Edit this page on GitHub
Go backInstallation
Up nextVS Code Extensions