// Preserve Object Pattern
/* 
Passing an entire object to a component instead of individual props simplifies components and future-proofs them.
*/

// <!-- Using the whole object -->
<template>
  <CustomerDisplay :customer="activeCustomer" />
</template>

// <!-- CustomerDisplay.vue -->
<template>
  <div>
    <p>Name: {{ customer.name }}</p>
    <p>Age: {{ customer.age }}</p>
    <p>Address: {{ customer.address }}</p>
  </div>
</template>