The parent component successfully displays the list as intended.
<stock-card
class="col-sm"
v-for="(stock, index) in formattedStocks"
:stock="stock"
:key="index"
>
</stock-card>
However, when it comes to the child component within a modal, only the first item from the loop is rendered.
<p class="card-text text-success">{{ stock["name"] }}$</p>
<button
class="btn btn-danger rounded-pill"
data-bs-toggle="modal"
data-bs-target="#exampleModal"
@click="buyStock(stock)"
>
Activate Modal
</button>
<modal :modalTitle="stock['name']" />
Both components have props defined.