TailwindCSS + Prettier + Asro

.prettierrc

{
  "plugins": ["prettier-plugin-astro", "prettier-plugin-tailwindcss"],
  "overrides": [
    {
      "files": ["**/*.astro"],
      "options": {
        "parser": "astro",
        "singleQuote": true,
        "jsxSingleQuote": true
      }
    }
  ]
}

package.json

{
   "devDependencies": {
    "prettier": "^3.0.2",
    "prettier-plugin-astro": "^0.11.1",
    "prettier-plugin-tailwindcss": "^0.5.3"
  }
}

settings.json

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "prettier.requireConfig": true,
  "[astro]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
}