[Formatting Bug]: PHPStorm Reformat Code does nothing on blade files

[sven-ahrens]

Version

1.14.1

Template before formatting

<template>
  <div>
    <a href="https://vitejs.dev" target="_blank">
      <img src="/vite.svg" class="logo" alt="Vite logo" />
    </a>
    <a
        href="https://vuejs.org/"
        target="_blank"
    >
      <img
          src="./assets/vue.svg"
          class="logo vue"
          alt="Vue logo"
      />
    </a>
  </div>
</template>

Template after formatting

<template>
  <div>
    <a href="https://vitejs.dev" target="_blank">
      <img src="/vite.svg" class="logo" alt="Vite logo" />
    </a>
    <a
        href="https://vuejs.org/"
        target="_blank"
    >
      <img
          src="./assets/vue.svg"
          class="logo vue"
          alt="Vue logo"
      />
    </a>
  </div>
</template>

Expected Behaviour

Beforehand, the command npx prettier . --write works perfectly fine. If I execute this command, it'll format the code just how I'd expect it.

The problem is the PHPStorm Reformat Code function. It basically does nothing. Here is a video demonstrating my problem:

Bildschirmaufnahme.2024-06-26.um.16.10.13.mov

This is the end result, how it should look like:

<div>
    <a
      href="https://vitejs.dev"
      target="_blank"
    >
      <img
        src="/vite.svg"
        class="logo"
        alt="Vite logo"
      />
    </a>
    <a
      href="https://vuejs.org/"
      target="_blank"
    >
      <img
        src="./assets/vue.svg"
        class="logo vue"
        alt="Vue logo"
      />
    </a>
  </div>

This is my .prettierrc config:

{
  "singleAttributePerLine": true,
  "singleQuote": true,
  "semi": false,
  "plugins": ["@shufo/prettier-plugin-blade"],
  "overrides": [
    {
      "files": ["*.blade.php"],
      "options": {
        "parser": "blade",
        "tabWidth": 2
      }
    }
  ]
}

My specs:

• Apple M1 Max, Sonoma 14.5
• PHPStorm 2024.1.4
• shufo/pretter package: 1.14.1

Relevant log output

No response

[sven-ahrens]

I just want to add, that it does work on Visual Studio Code. No problems at all.

Maybe I'm missing something in PHPStorm, but that's what I could find for now

[AsKode]

Same issue. Can't make it work.

[chrillep]

@AsKode @sven-ahrens The docs will help you ;)
you need to add blade.php as an extension to listen after.

https://github.com/shufo/prettier-plugin-blade?tab=readme-ov-file#jetbrains-webstorm-phpstorm-pycharm

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days

[ARehmanMahi]

I had to invalidate phpstorm cache & restart it for it to work on a fresh plugin install.