<script>
export default {
  name: 'EmployeeComponents',
  data: function () {
    return {
      employees: {
        name: 'RZ1001',
        age: 30,
        designation: "Big Boss",
      }
    }
  },
  props:{
    company: {type: String, required: true},
    name: {type: String,required: true},
  }
}
</script>

<template>
<div class="container">
  <div class="row">
    <div class="col">
      <h2 class="p">Employee</h2>

      <ul class="list-group">
        <li class="list-group-item">
          Company: {{company}}
          </li>
        <li class="list-group-item">
          Name: {{name}}
        </li>
        <li class="list-group-item">
          Employee: {{this.employees.name}}
        </li>
        <li class="list-group-item">
          Age: {{this.employees.age}}
        </li>
        <li class="list-group-item">
          Designation: {{this.employees.designation}}
        </li>
      </ul>
    </div>
  </div>
</div>
</template>

<style scoped lang="css">

</style>