Improving Prettier Tailwind Plugin for .templ Files

[cl3mcg]

Dear all,

I recently discovered this repository:
prettier-plugin-tailwindcss-extra

This plugin enhances Prettier's ability to understand .templ files and format Tailwind CSS classes properly. Integrating it into your project is straightforward; just follow these steps:

1. Install the necessary packages:

   npm install -D prettier prettier-plugin-tailwindcss prettier-plugin-tailwindcss-extra

2. Add the plugins to your prettier.config.js or prettier.config.json file:

   module.exports = {
   // [...] Some config here...
     plugins: [
       'prettier-plugin-tailwindcss-extra',
       'prettier-plugin-tailwindcss',
     ],
   };

Additionally, you can modify your npm or bun scripts to run prettier --write . before the Parcel build actions. Here's an example of how you can set this up:

{
  "scripts": {
    "fmt": "prettier --write .",
    "build": "prettier --write . && parcel build ./assets/scripts.js ./assets/styles.scss --dist-dir ./static"
  }
}

When Air kicks in, it triggers a bun run build command that formats the code according to Prettier before proceeding with the rest of the actions. This ensures that, thanks to prettier-plugin-tailwindcss-extra, the code is properly formatted even though .templ files are not directly supported by Prettier.

I would like to contribute this enhancement via a pull request, but I'm unsure where to add this command and the extra plugins within the Gowebly CLI actions/functions. Any guidance on this would be greatly appreciated.

Best regards,