dot chained indentation problem

[Groude]

Hello Everyone! I saw a few topics about my problem, but didn't found a solution for this:

I will try to show with code example and a screenshot what I mean.

So here is my chained function:

document
  .querySelector('.btn-roll')
  .addEventListener('click', play)

if I will add on a new line more chained function it will look like this in Vim(insert mode)

document
  .querySelector('.btn-roll')
  .addEventListener('click', play)
.anotherFunction();

it does not keep previous indentation.

is there a way to fix it?

[Groude]

I found kind of a solution that provides plugin:

But does anyone know any other solution?