initialOpenItem is not working correctly

[saraElsanan]

I used the code included in the docs
<BulmaAccordion :icon="'custom'" :caret-animation="{ duration: '.6s', timerFunc: 'ease-in-out', }" :slide="{ duration: '.9s', timerFunc: 'ease', }" :initial-open-item="1" :dropdown="false" >

<BulmaAccordion :icon="'custom'" :caret-animation="{ duration: '.6s', timerFunc: 'ease-in-out', }" :slide="{ duration: '.9s', timerFunc: 'ease', }" :initial-open-item="2" :dropdown="false" > <!-- add as many of these items as you need - fill them with content via the slots --> <BulmaAccordionItem> <h4 slot="title">A title with content</h4> <i slot="icon" class="material-icons">more_vert</i> <p slot="content"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus eos illo expedita asperiores rem iure aliquid dolore, pariatur dignissimos, minima inventore? Minima voluptatum nulla, error omnis laboriosam voluptatibus rem aperiam. </p> </BulmaAccordionItem> <BulmaAccordionItem> <h4 slot="title">A title with content</h4> <i slot="icon" class="material-icons">more_vert</i> <p slot="content"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus eos illo expedita asperiores rem iure aliquid dolore, pariatur dignissimos, minima inventore? Minima voluptatum nulla, error omnis laboriosam voluptatibus rem aperiam. </p> </BulmaAccordionItem> </BulmaAccordion>

and the weird thing that I added only two items , but instead in the vue devtools i can see 3 items

so initialOpenItem is not working correctly and i had to give it 2 instead of 1 to be default opened

can you help me please ?