Why isn't my password remembered in Chrome?

Question

HTML

For some reason, the password in the form is not remembered if you enter Chrome (everything is ok in firefox).
I've already added everything I could think of:

<form class="login-form"
    @submit.prevent="login">
    <div class="field-group">
      <mcw-textfield
        v-model.trim="username"
        :label="labels.loginInput"
        :helptext="labels.noticeValidation"
        type="text"
        name="login"
        id="login"
        outline
        secondary
        autocomplete="login"
      ></mcw-textfield>
    </div>
    <div class="field-group">
      <mcw-textfield
        v-model.trim="password"
        :label="labels.passwordInput"
        :helptext="labels.noticeValidation"
        type="password"
        name="password"
        outline
        id="password"
        secondary
        autocomplete="password"
      ></mcw-textfield>
    </div>
    <mcw-button
      type="submit"
      raised>
      {{labels.enterButton}}
    </mcw-button>
    <router-link
      to="reset-password"
      class="login-link">
      {{labels.forgetPassword}}
    </router-link>
  </form>

But Chrome does not even offer to remember the password, and there is nothing in the saved passwords.
What could be?