1👍
✅
Try avoiding using v-for and v-if on the same element. In most cases a simple filter will result in the same output but needs less computing power.
It’s not entirely clear what you are trying to achieve but an example of your list could be:
<Card v-for="(prod, type) in product.filter(p => p.type === 'computer')"
:key="prod.id"
:product="prod"/>
Source:stackexchange.com