<script
    setup
    lang="ts"
>
    import EmployeeListTable from 'src/modules/employee-list/components/employee-list-table.vue';
    import AddModifyDialog from 'src/modules/employee-list/components/add-modify-dialog.vue';
    import PageHeaderTemplate from 'src/modules/shared/components/page-header-template.vue';
    
    import { onMounted } from 'vue';
    import { useEmployeeListApi } from 'src/modules/employee-list/composables/use-employee-api';

    const employee_list_api = useEmployeeListApi();

    onMounted(async () => {
        await employee_list_api.getEmployeeList();
    })
</script>

<template>
    <q-page class="column items-center justify-start">
        <AddModifyDialog />

        <PageHeaderTemplate title="employee_list.page_header" />
        
        <EmployeeListTable />
    </q-page>
</template>