<template>
  <NavBar-Component></NavBar-Component>
  <router-view></router-view>
</template>

<style lang="css">
  @import './styless.css';
</style>
<script>
  import {defineComponent} from "vue";
  // import CustomerComponents from "@/components/Customer.vue";
  // // import Employee from "@/components/Employee.vue";
  // //import EmployeeComponents from "@/components/Employee.vue";
  // import CounterComponent from "@/components/Counter.vue";
  // import GreetingComponent from "@/components/Greeting.vue";
  // import RegistrationComponent from "@/components/Registration.vue";
  // // import AuthUser from "@/components/AuthUser.vue";
  // import AuthUserComponent from "@/components/AuthUser.vue";
  // import UserListComponent from "@/components/UserList.vue";

  import NavBarComponent from "./components/NavBar.vue";

  export default defineComponent({
    components: {NavBarComponent},
    props:{
      name:{type:String,required:true},
      age:{type:Number,required:true},
      designation:{type:String,required:true},
    }
  })
</script>
