<script>
export default {
  name: "CustomerComponents",
  props: {
    name: {type: String,required: true},
    age: {type: Number,required: true},
    designation: {type: String, required: true},
  }
}
</script>

<template>
  <h2 style="color:darkcyan">Customer is {{name}}, age is {{age}}, designation is {{designation}}</h2>

</template>

<style scoped lang="css">
h2{
  font-size: 40px;
  color:red;
}
</style>