Will not format classes within Blade files.

I’m using VS Code and I have everything installed as required, format on save is on.

When I save, I get an error on the bottom that says Extension 'Prettier - code formatter' is configured as formatter but can not format 'Blade' files.

I have this in my .prettierrc as noted in another issue, but it’s not affecting anything:

{
    "overrides": [
        {
            "files": "*.blade.php",
            "options": {
                "parser": "html"
            }
        }
    ]
}

If I run npx prettier --check resources/views it states everything is formatted properly (which it’s not)

Interestingly, if I change a blade file to be a plain HTML file,format on save still does not do anything, but running npx prettier will then find the issues.

What am I doing wrong?

Is there no support for the formatter in blade files within a Laravel project?

[rappasoft]

@nwlr My main goal is to just sort the Tailwind classes within a Blade file. You’re saying installing your plugin and setting the blade parser to HTML makes it pick up the Tailwind classes using the tailwindcss-prettier plugin?

[howdu]

There’s a blade plugin which works really well prettier-plugin-blade

{
   "tabWidth": 4,
    "wrapAttributes": "auto",
    "sortTailwindcssClasses": true,
    "plugins": ["@shufo/prettier-plugin-blade"]
}