Expected behavior Showing first carousel template normally.

Actual behavior At first site launch, carousel is showing third item few ms before showing first item.

Resources (screenshots, code snippets etc.)

<template>

  <!--ViewWrapper-->
  <mdb-carousel :interval="7000" indicators :items="3">
    <template #1>
      <mdb-view class="view1">
        <mdb-mask
          class="d-flex justify-content-center align-items-center"
          overlay="black-strong"
        >
          <mdb-container>
 <p> some content</p>
</mdb-container>
        </mdb-mask>
      </mdb-view>
    </template>
    <template #2>
      <mdb-view class="view2">
        <mdb-mask
          class="d-flex justify-content-center align-items-center"
          overlay="black-strong"
        >
          <mdb-container>
<p> some content</p>
</mdb-container>
        </mdb-mask>
      </mdb-view>
    </template>
    <template #3>
      <mdb-view class="view3">
        <mdb-mask
          class="d-flex justify-content-center align-items-center"
          overlay="black-strong"
        >
          <mdb-container>
<p> some content</p>
</mdb-container>
        </mdb-mask>
      </mdb-view>
    </template>
  </mdb-carousel>
  <!--/ViewWrapper-->
</header>