refactor: import component

src/pages/03_customer-management/MainPage.vue

@@ -12,12 +12,7 @@ import useMyBranchStore from 'stores/my-branch';
 import useUtilsStore, { dialog } from 'stores/utils';
 import useFlowStore from 'stores/flow';
 import { Status } from 'stores/types';
-import {
-  CustomerStats,
-  Customer,
-  CustomerBranch,
-  CustomerType,
-} from 'stores/customer/types';
+import { CustomerStats, Customer, CustomerBranch } from 'stores/customer/types';
 import { Employee, EmployeeHistory } from 'stores/employee/types';
 
 import ButtonAddComponent from 'components/ButtonAddCompoent.vue';
@@ -27,10 +22,13 @@ import TooltipComponent from 'components/TooltipComponent.vue';
 import AddButton from 'components/AddButton.vue';
 import NoData from 'components/NoData.vue';
 import PaginationComponent from 'components/PaginationComponent.vue';
+import DialogForm from 'components/DialogForm.vue';
 
 import CustomerInfoComponent from './components/CustomerBranch.vue';
 import { columnsCustomer, columnsEmployee } from './constant';
 import { useRoute, useRouter } from 'vue-router';
+import { useCustomerForm } from './form';
+import { storeToRefs } from 'pinia';
 
 const { t, locale } = useI18n();
 const $q = useQuasar();
@@ -41,6 +39,9 @@ const utilsStore = useUtilsStore();
 const customerStore = useCustomerStore();
 const userBranchStore = useMyBranchStore();
 const employeeStore = useEmployeeStore();
+const customerFormStore = useCustomerForm();
+
+const { state: customerFormState } = storeToRefs(customerFormStore);
 
 async function init() {
   utilsStore.currentTitle.title = 'customerManagement';
@@ -1619,6 +1620,12 @@ async function openHistory(id: string) {
       />
     </div>
   </div>
+
+  <DialogForm
+    v-model:modal="customerFormState.dialogModal"
+    :title="$t('')"
+    @submit="customerFormStore.submitForm"
+  ></DialogForm>
 </template>
 
 <style scoped>