Как мне вывести элементы массива на страницу только с parentId:null?
<template>
<div id="app" >
<HelloWorld
v-for="card in cards"
:key="card.id"
:msg="card.name"
:selected="isSelected(card)"
@click="addCards(card)"
/>
<p>Выбраны карточки: {{ selected }}</p>
</div>
</template>
export default {
name: "App",
components: {
HelloWorld,
},
data() {
return {
cards: [
{name: 'Сфера медицины', id: 1, parentId: null},
{name: 'Сфера it', id: 2, parentId: null},
{name: 'Сфера искусства', id: 3, parentId: null},
{name: 'Сфера стомата', id: 4, parentId: 1},
{name: 'Сфера акушера', id: 5, parentId: 1},
{name: 'Сфера хирурга', id: 6, parentId: 1},
{name: 'Сфера пломбы', id: 7, parentId: 4},
{name: 'Сфера наркоза', id: 8, parentId: 4},
{name: 'Сфера брекетов', id: 9, parentId: 4},
],
selected: [],
};
},
}