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

1
5 comments

What does your EditorConfig and prettier config look like?

1

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

0

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

1

Ok so this is .editorconfig

# editorconfig.org
root = true

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

[*.md]
trim_trailing_whitespace = false

and this is .pretierrc

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

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

1

Please sign in to leave a comment.