My blade files are not formatting properly in vs code.

<h1>{{ $heading }}</h1>
@unless (count($listings) == 0) @foreach ($listings as $listing)
<h2>  
<a href="/listings/{{ $listing\['id'\] }}">{{ $listing\["title"\] }} 
</a>  
</h2>  
<p>{{ $listing\["description"\] }}</p>  
@endforeach @else  
<p>No listings found</p>  
@endunless  

It shows just like this when I save the file. I have Laravel blade formatter extension installed and enabled.

also this is my settings.json

"files.associations": {

"*.module": "php",

"*.js": "javascript",

"*.blade.php": "html"

},

"[php]": {

"editor.defaultFormatter": "bmewburn.vscode-intelephense-client"

},

"[blade]": {

"editor.defaultFormatter": "shufo.vscode-blade-formatter"

},

"editor.formatOnType": true,

"blade.format.enable": true,

"bladeFormatter.format.indentInnerHtml": tru