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