Some plugins are not yet compatible with Prettier v3:
Run npm install -D prettier@^2 prettier-plugin-antlers prettier-plugin-blade [email protected] @prettier/[email protected] in your terminal
Run npm install -D prettier prettier-plugin-antlers prettier-plugin-blade prettier-plugin-tailwindcss @prettier/plugin-php in your terminal
Create a .prettierrc file with the following content
{
"singleQuote": true,
"trailingComma": "all",
"printWidth": 140,
"tabWidth": 2,
"endOfLine": "lf",
"plugins": [
"./node_modules/prettier-plugin-antlers",
"./node_modules/prettier-plugin-blade",
"./node_modules/@prettier/plugin-php"
],
"overrides": [
{
"files": "*.antlers.html",
"options": {
"parser": "antlers",
"singleQuote": false
}
},
{
"files": ["**/*.php", "**/!*.blade.php"],
"options": {
"parser": "php",
"singleQuote": false,
"phpVersion": "8.2"
}
},
{
"files": "*.blade.php",
"options": {
"parser": "blade",
"singleQuote": false
}
},
{
"files": ["**/*.css", "**/*.html"],
"options": {
"singleQuote": false
}
}
]
}Under Settings > Languages & Frameworks > JavaScript > Prettier register the following pattern for Run for Files:
{**/*,*}.{js,ts,jsx,tsx,antlers.html,vue,php,css}
- Make sure a Node interpreter is selected under
Settings > Language & Frameworks > Node.js