Vue file indents in new PhpStorm is broken

I installed new PhpStorm yesterday but the Vue project has broken indents. I am using tabs for indents, but it seems PhpStorm uses 2 spaces. I also try to set up indents in settings → editor → code style → Vue template but no change.

but my project look like

What should I do to have the same result like the sttings example


What does your EditorConfig and prettier config look like?


Where I can find it? I dont know why it should be important. 


I see those files in your project root. It is important because they might include formatter options.


Ok so this is .editorconfig

root = true

indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

trim_trailing_whitespace = false

and this is .pretierrc

  "useTabs": true,
  "tabWidth": 4,
  "trailingComma": "es5",
  "semi": true,
  "arrowParens": "always",
  "singleQuote": false

Indent is set to 2 in EditorConfig file. You should either set it to 4 or disable EditorConfig support in `Settings | Editor | Code Style`.