// Long Components

// <!-- Before: A lengthy and complex component -->
<template>
  <div>
    // <!-- Lots of HTML and logic -->
  </div>
</template>

/* <!-- After: Breaking down into smaller components
     where the name tells you what the code does. -->
*/
<template>
  <ComponentPartOne />
  <ComponentPartTwo />
</template>