// List Component Pattern

// <!-- Before: Direct v-for in the parent component -->
<template>
  <div v-for="item in list" :key="item.id">
    <!-- Lots of code specific to each item -->
  </div>
</template>

// <!-- After: Abstracting v-for into a child component -->
<template>
  <NewComponentList :list="list" />
</template>