diff --git a/src/components/01_branch-management/FormBank.vue b/src/components/01_branch-management/FormBank.vue
index a6ae48f9..ffb72a99 100644
--- a/src/components/01_branch-management/FormBank.vue
+++ b/src/components/01_branch-management/FormBank.vue
@@ -5,7 +5,7 @@ import { selectFilterOptionRefMod } from 'src/stores/utils';
 import { onMounted, ref, watch } from 'vue';
 import { deleteItem } from 'src/stores/utils';
 import { QSelect } from 'quasar';
-import { AddButton, DeleteButton } from 'src/components/button';
+import { AddButton, DeleteButton } from 'components/button';
 
 const optionStore = useOptionStore();
 
diff --git a/src/components/03_customer-management/FormEmployeeHealthCheck.vue b/src/components/03_customer-management/FormEmployeeHealthCheck.vue
index 85d794fb..61b3ed3a 100644
--- a/src/components/03_customer-management/FormEmployeeHealthCheck.vue
+++ b/src/components/03_customer-management/FormEmployeeHealthCheck.vue
@@ -16,7 +16,7 @@ import {
   DeleteButton,
   SaveButton,
   UndoButton,
-} from 'src/components/button';
+} from 'components/button';
 
 const { locale } = useI18n();
 const adrressStore = useAddressStore();
diff --git a/src/components/03_customer-management/FormEmployeeWorkHistory.vue b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
index 369acdbd..c8abc8e2 100644
--- a/src/components/03_customer-management/FormEmployeeWorkHistory.vue
+++ b/src/components/03_customer-management/FormEmployeeWorkHistory.vue
@@ -10,7 +10,7 @@ import {
   DeleteButton,
   SaveButton,
   UndoButton,
-} from 'src/components/button';
+} from 'components/button';
 const { locale } = useI18n();
 
 const employeeWork = defineModel<EmployeeWorkCreate[]>('employeeWork');
diff --git a/src/components/03_customer-management/employee/BasicInformation.vue b/src/components/03_customer-management/employee/BasicInformation.vue
index b117b24d..bbe60287 100644
--- a/src/components/03_customer-management/employee/BasicInformation.vue
+++ b/src/components/03_customer-management/employee/BasicInformation.vue
@@ -8,7 +8,7 @@ import {
   DeleteButton,
   SaveButton,
   UndoButton,
-} from 'src/components/button';
+} from 'components/button';
 
 const optionsBranch = defineModel<{ id: string; name: string }[]>(
   'optionsBranch',
diff --git a/src/components/DialogForm.vue b/src/components/DialogForm.vue
index 1f8e39b9..ce0147ad 100644
--- a/src/components/DialogForm.vue
+++ b/src/components/DialogForm.vue
@@ -5,7 +5,7 @@ import {
   CancelButton,
   SaveButton,
   UndoButton,
-} from 'src/components/button';
+} from 'components/button';
 
 defineProps<{
   title: string;
diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index 08eb3a5e..1b3d4429 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -6,7 +6,7 @@ import {
   CancelButton,
   SaveButton,
   UndoButton,
-} from 'src/components/button';
+} from 'components/button';
 
 withDefaults(
   defineProps<{
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 3cdc0a21..5ef494fa 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -30,11 +30,11 @@ import FormQr from 'components/01_branch-management/FormQr.vue';
 import FormBranchContact from 'components/01_branch-management/FormBranchContact.vue';
 import DrawerInfo from 'components/DrawerInfo.vue';
 import InfoForm from 'components/02_personnel-management/InfoForm.vue';
-import TreeCompoent from 'src/components/TreeCompoent.vue';
-import ProfileBanner from 'src/components/ProfileBanner.vue';
-import SideMenu from 'src/components/SideMenu.vue';
-import ImageUploadDialog from 'src/components/ImageUploadDialog.vue';
-import FormBank from 'src/components/01_branch-management/FormBank.vue';
+import TreeCompoent from 'components/TreeCompoent.vue';
+import ProfileBanner from 'components/ProfileBanner.vue';
+import SideMenu from 'components/SideMenu.vue';
+import ImageUploadDialog from 'components/ImageUploadDialog.vue';
+import FormBank from 'components/01_branch-management/FormBank.vue';
 
 const $q = useQuasar();
 const { t } = useI18n();
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 4af82563..3c9f09f5 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -30,13 +30,13 @@ import DrawerInfo from 'components/DrawerInfo.vue';
 import InfoForm from 'components/02_personnel-management/InfoForm.vue';
 import NoData from 'components/NoData.vue';
 import ProfileUpload from 'components/ProfileUpload.vue';
-import PaginationComponent from 'src/components/PaginationComponent.vue';
+import PaginationComponent from 'components/PaginationComponent.vue';
 import useOptionStore from 'src/stores/options';
-import ProfileBanner from 'src/components/ProfileBanner.vue';
-import SideMenu from 'src/components/SideMenu.vue';
-import ImageUploadDialog from 'src/components/ImageUploadDialog.vue';
-import { AddressForm } from 'src/components/form';
-import DialogForm from 'src/components/DialogForm.vue';
+import ProfileBanner from 'components/ProfileBanner.vue';
+import SideMenu from 'components/SideMenu.vue';
+import ImageUploadDialog from 'components/ImageUploadDialog.vue';
+import { AddressForm } from 'components/form';
+import DialogForm from 'components/DialogForm.vue';
 
 const { locale, t } = useI18n();
 const $q = useQuasar();
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 451974ed..3403e463 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -24,18 +24,18 @@ import EmptyAddButton from 'components/AddButton.vue';
 import NoData from 'components/NoData.vue';
 import PaginationComponent from 'components/PaginationComponent.vue';
 import DialogForm from 'components/DialogForm.vue';
-import SideMenu from 'src/components/SideMenu.vue';
-import BasicInformation from 'src/components/03_customer-management/employee/BasicInformation.vue';
-import FormPerson from 'src/components/02_personnel-management/FormPerson.vue';
+import SideMenu from 'components/SideMenu.vue';
+import BasicInformation from 'components/03_customer-management/employee/BasicInformation.vue';
+import FormPerson from 'components/02_personnel-management/FormPerson.vue';
 import {
   EmployerFormBasicInfo,
   EmployerFormBranch,
   EmployerBranch,
 } from './components';
-import { AddressForm } from 'src/components/form';
-import FormEmployeePassport from 'src/components/03_customer-management/FormEmployeePassport.vue';
-import FormEmployeeVisa from 'src/components/03_customer-management/FormEmployeeVisa.vue';
-import { AddButton } from 'src/components/button';
+import { AddressForm } from 'components/form';
+import FormEmployeePassport from 'components/03_customer-management/FormEmployeePassport.vue';
+import FormEmployeeVisa from 'components/03_customer-management/FormEmployeeVisa.vue';
+import { AddButton } from 'components/button';
 
 import {
   columnsCustomer,
@@ -44,13 +44,13 @@ import {
 } from './constant';
 import { useCustomerForm, useEmployeeForm } from './form';
 import { storeToRefs } from 'pinia';
-import ProfileBanner from 'src/components/ProfileBanner.vue';
-import ImageUploadDialog from 'src/components/ImageUploadDialog.vue';
-import FormEmployeeHealthCheck from 'src/components/03_customer-management/FormEmployeeHealthCheck.vue';
-import FormEmployeeWorkHistory from 'src/components/03_customer-management/FormEmployeeWorkHistory.vue';
-import FormEmployeeOther from 'src/components/03_customer-management/FormEmployeeOther.vue';
+import ProfileBanner from 'components/ProfileBanner.vue';
+import ImageUploadDialog from 'components/ImageUploadDialog.vue';
+import FormEmployeeHealthCheck from 'components/03_customer-management/FormEmployeeHealthCheck.vue';
+import FormEmployeeWorkHistory from 'components/03_customer-management/FormEmployeeWorkHistory.vue';
+import FormEmployeeOther from 'components/03_customer-management/FormEmployeeOther.vue';
 import useOptionStore from 'src/stores/options';
-import { DialogContainer, DialogHeader } from 'src/components/dialog';
+import { DialogContainer, DialogHeader } from 'components/dialog';
 
 const { t, locale } = useI18n();
 const $q = useQuasar();
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue b/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
index f0f07cd7..981e3247 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormBasicInfo.vue
@@ -9,7 +9,7 @@ import {
   EditButton,
   DeleteButton,
   UndoButton,
-} from 'src/components/button';
+} from 'components/button';
 defineProps<{
   prefixId?: string;
   outlined?: boolean;
diff --git a/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue b/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue
index 4c4bfa41..6bb8de6f 100644
--- a/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue
+++ b/src/pages/03_customer-management/components/employer/EmployerFormBranch.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import FormAddress from 'src/components/02_personnel-management/FormAddress.vue';
+import FormAddress from 'components/02_personnel-management/FormAddress.vue';
 import EmployerFormBusiness from './EmployerFormBusiness.vue';
 import EmployerFormContact from './EmployerFormContact.vue';
 import { CustomerCreate } from 'src/stores/customer/types';
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 766b9f02..22edac17 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -26,12 +26,12 @@ import useOptionStore from 'src/stores/options';
 import FormServiceProperties from 'components/04_product-service/FormServiceProperties.vue';
 import InfoForm from 'components/02_personnel-management/InfoForm.vue';
 import NoData from 'components/NoData.vue';
-import PaginationComponent from 'src/components/PaginationComponent.vue';
-import TreeCompoent from 'src/components/TreeCompoent.vue';
-import DialogForm from 'src/components/DialogForm.vue';
-import ProfileBanner from 'src/components/ProfileBanner.vue';
-import SideMenu from 'src/components/SideMenu.vue';
-import ImageUploadDialog from 'src/components/ImageUploadDialog.vue';
+import PaginationComponent from 'components/PaginationComponent.vue';
+import TreeCompoent from 'components/TreeCompoent.vue';
+import DialogForm from 'components/DialogForm.vue';
+import ProfileBanner from 'components/ProfileBanner.vue';
+import SideMenu from 'components/SideMenu.vue';
+import ImageUploadDialog from 'components/ImageUploadDialog.vue';
 
 import useFlowStore from 'src/stores/flow';
 import useMyBranchStore from 'src/stores/my-branch';
diff --git a/src/pages/05_quotation/MainPage.vue b/src/pages/05_quotation/MainPage.vue
index 6daa897c..2f998f0b 100644
--- a/src/pages/05_quotation/MainPage.vue
+++ b/src/pages/05_quotation/MainPage.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 import QuatationForm from './QuatationForm.vue';
-import SideMenu from 'src/components/SideMenu.vue';
-import ImageUploadDialog from 'src/components/ImageUploadDialog.vue';
+import SideMenu from 'components/SideMenu.vue';
+import ImageUploadDialog from 'components/ImageUploadDialog.vue';
 import { watch } from 'vue';
 
 const isOpen = ref(true);