Vue javascript indent 4 spaces

As the similar post couln't help or resolve my issue, I want to declare it in an own post.
I am using vue and want to use eslint and editorconfig with intellij.
My editorconfig is pretty simple and says that html and css should be indented with 2 spaces and javascript with 4 spaces. But my problem is, that in a vue file everything is mixed up. I only am able to get 2 spaces or 4 spaces everywhere. But this does not fulfill my requirements. Cann you tell me which settings I am missing to have eslint support and the above described 4 spaces in javascript and 2 spaces in everything else?

.editorconfig
[*]
insert_final_newline = true
end_of_line = LF
indent_size = 2
indent_style=space

[*.js]
indent_size=4

x (x)
 
5 comments
Comment actions Permalink

Yes it doesn't work in the newest version either.

I've also disabled 'smart tabs' and 'Detect and use existing file indents for editing'

x (x)
 
0
Comment actions Permalink

I realized that it does indent correct while making a new line, but the tab key still just places 2 spaces in the javascript context.

x (x)
 
0
Comment actions Permalink

Please submit a support ticket attaching a sample project + the code style scheme exported as XML:

https://intellij-support.jetbrains.com/hc/en-us/requests/new?ticket_form_id=66731

0

Please sign in to leave a comment.