diff --git a/src/modules/01_masterdata/views/Assignment.vue b/src/modules/01_masterdata/views/Assignment.vue
index 250063b18..dafaa45b3 100644
--- a/src/modules/01_masterdata/views/Assignment.vue
+++ b/src/modules/01_masterdata/views/Assignment.vue
@@ -312,7 +312,7 @@ onMounted(() => {
                 dense
                 color="info"
                 icon="mdi-eye"
-                @click.pervent="onClickView(props.row.id)"
+                @click.prevent="onClickView(props.row.id)"
               >
                 <q-tooltip>รายละเอียด</q-tooltip>
               </q-btn>
@@ -323,7 +323,7 @@ onMounted(() => {
                 round
                 color="red"
                 icon="mdi-delete "
-                @click.pervent="onClickDelete(props.row.id)"
+                @click.prevent="onClickDelete(props.row.id)"
               >
                 <q-tooltip>ลบข้อมูล</q-tooltip>
               </q-btn>
diff --git a/src/modules/01_masterdata/views/indicatorByPlan.vue b/src/modules/01_masterdata/views/indicatorByPlan.vue
index 62684a093..d994a930c 100644
--- a/src/modules/01_masterdata/views/indicatorByPlan.vue
+++ b/src/modules/01_masterdata/views/indicatorByPlan.vue
@@ -494,7 +494,7 @@ onMounted(() => {
                           v-if="checkPermission($route)?.attrIsDelete"
                           clickable
                           v-close-popup
-                          @click.stop.pervent="deleteData(props.row.id)"
+                          @click.stop.prevent="deleteData(props.row.id)"
                         >
                           <q-item-section style="min-width: 0px" avatar>
                             <q-tooltip>ลบข้อมูล</q-tooltip>
diff --git a/src/modules/01_masterdata/views/indicatorByRole.vue b/src/modules/01_masterdata/views/indicatorByRole.vue
index 934ea5c22..9be573fd3 100644
--- a/src/modules/01_masterdata/views/indicatorByRole.vue
+++ b/src/modules/01_masterdata/views/indicatorByRole.vue
@@ -543,7 +543,7 @@ onMounted(async () => {
                       v-if="checkPermission($route)?.attrIsDelete"
                       clickable
                       v-close-popup
-                      @click.stop.pervent="onClickDelete(props.row.id)"
+                      @click.stop.prevent="onClickDelete(props.row.id)"
                     >
                       <q-item-section style="min-width: 0px" avatar>
                         <q-tooltip>ลบข้อมูล</q-tooltip>
diff --git a/src/modules/02_organization/components/TableMain.vue b/src/modules/02_organization/components/TableMain.vue
index a22e8c3c8..7d3033dea 100644
--- a/src/modules/02_organization/components/TableMain.vue
+++ b/src/modules/02_organization/components/TableMain.vue
@@ -768,7 +768,7 @@ watch(
               color="deep-purple"
               icon="mdi-history"
               round
-              @click.stop.pervent="onClickHistoryPos(props.row.id)"
+              @click.stop.prevent="onClickHistoryPos(props.row.id)"
             >
               <q-tooltip>ประวัติตำแหน่ง</q-tooltip>
             </q-btn>
diff --git a/src/modules/03_recruiting/views/01_compete/CompeteReport.vue b/src/modules/03_recruiting/views/01_compete/CompeteReport.vue
index 6f703d586..9d0422b86 100644
--- a/src/modules/03_recruiting/views/01_compete/CompeteReport.vue
+++ b/src/modules/03_recruiting/views/01_compete/CompeteReport.vue
@@ -225,7 +225,7 @@ function clearFilter() {
                     rounded
                     flat
                     label="ล้างทั้งหมด"
-                    @click.stop.pervent="clearFilter"
+                    @click.stop.prevent="clearFilter"
                   />
                 </q-card-section>
                 <q-card-section class="q-pa-none">
diff --git a/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue b/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
index 31db49187..eebd8d43a 100644
--- a/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/01_TabInformation.vue
@@ -292,7 +292,7 @@ onMounted(() => {
                 flat
                 color="edit
                 "
-                @click.pervent="onclickEdit(props.row)"
+                @click.prevent="onclickEdit(props.row)"
               >
                 <q-tooltip>แก้ไขสถานะคำร้อง</q-tooltip>
               </q-btn>
diff --git a/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue b/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
index 5dde4ff45..eca90f6ea 100644
--- a/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
+++ b/src/modules/04_registryPerson/components/requestEdit/02_TabIDP.vue
@@ -370,7 +370,7 @@ onMounted(() => {
                 dense
                 flat
                 color="edit"
-                @click.pervent="onclickEdit(props.row.id)"
+                @click.prevent="onclickEdit(props.row.id)"
               >
                 <q-tooltip>แก้ไขสถานะคำร้อง</q-tooltip>
               </q-btn>
@@ -402,7 +402,7 @@ onMounted(() => {
                   dense
                   flat
                   color="primary"
-                  @click.pervent="onDownloadFile(props.row.id)"
+                  @click.prevent="onDownloadFile(props.row.id)"
                 >
                   <q-tooltip>ดาวน์โหลดเอกสารหลักฐาน</q-tooltip>
                 </q-btn>
diff --git a/src/modules/04_registryPerson/views/edit/components/DialogForm.vue b/src/modules/04_registryPerson/views/edit/components/DialogForm.vue
index 6e352bc59..282c9a8b8 100644
--- a/src/modules/04_registryPerson/views/edit/components/DialogForm.vue
+++ b/src/modules/04_registryPerson/views/edit/components/DialogForm.vue
@@ -515,7 +515,7 @@ onMounted(async () => {
             :disable="rowIndex === 0"
             :color="rowIndex === 0 ? 'grey' : 'public'"
             icon="mdi-chevron-left"
-            @click.stop.pervent="onNavigateRow('previous')"
+            @click.stop.prevent="onNavigateRow('previous')"
           >
             <q-tooltip>ข้อมูลก่อนหน้า</q-tooltip>
           </q-btn>
@@ -526,7 +526,7 @@ onMounted(async () => {
             :disable="rowIndex + 1 === rowData.length"
             :color="rowIndex + 1 === rowData.length ? 'grey' : 'public'"
             icon="mdi-chevron-right"
-            @click.stop.pervent="onNavigateRow('next')"
+            @click.stop.prevent="onNavigateRow('next')"
           >
             <q-tooltip>ข้อมูลถัดไป</q-tooltip>
           </q-btn>
diff --git a/src/modules/04_registryPerson/views/edit/components/Table.vue b/src/modules/04_registryPerson/views/edit/components/Table.vue
index a0cf13296..2e88a4d28 100644
--- a/src/modules/04_registryPerson/views/edit/components/Table.vue
+++ b/src/modules/04_registryPerson/views/edit/components/Table.vue
@@ -838,7 +838,7 @@ onMounted(async () => {
                 :color="props.rowIndex + 1 == 1 ? 'grey' : 'green'"
                 :disable="props.rowIndex + 1 == 1"
                 icon="mdi-arrow-up-bold"
-                @click.stop.pervent="onSwapData('up', props.row.id)"
+                @click.stop.prevent="onSwapData('up', props.row.id)"
               />
               <q-btn
                 dense
@@ -847,7 +847,7 @@ onMounted(async () => {
                 :color="rows.length == props.rowIndex + 1 ? 'grey' : 'red'"
                 :disable="rows.length == props.rowIndex + 1"
                 icon="mdi-arrow-down-bold"
-                @click.stop.pervent="onSwapData('down', props.row.id)"
+                @click.stop.prevent="onSwapData('down', props.row.id)"
               >
               </q-btn>
 
@@ -857,7 +857,7 @@ onMounted(async () => {
                 round
                 color="edit"
                 icon="edit"
-                @click.stop.pervent="onEditData(props.rowIndex)"
+                @click.stop.prevent="onEditData(props.rowIndex)"
               >
                 <q-tooltip>แก้ไขข้อมูล</q-tooltip>
               </q-btn>
@@ -867,7 +867,7 @@ onMounted(async () => {
                 round
                 :icon="props.row.isDelete ? 'mdi-refresh-circle' : 'delete'"
                 :color="props.row.isDelete ? 'orange' : 'red'"
-                @click.stop.pervent="
+                @click.stop.prevent="
                   onConfirmDeleteData(props.row.id, props.row.isDelete)
                 "
               >
diff --git a/src/modules/04_registryPerson/views/edit/salary.vue b/src/modules/04_registryPerson/views/edit/salary.vue
index 7c1cffc6d..c4c589938 100644
--- a/src/modules/04_registryPerson/views/edit/salary.vue
+++ b/src/modules/04_registryPerson/views/edit/salary.vue
@@ -236,7 +236,7 @@ onMounted(async () => {
             "
             outline
             label="ยืนยันการแก้ไขสำเร็จ"
-            @click.stop.pervent="onConfirmEdit"
+            @click.stop.prevent="onConfirmEdit"
           />
           <q-btn
             flat
@@ -254,7 +254,7 @@ onMounted(async () => {
             color="public"
             outline
             label="ยืนยันข้อมูลถูกต้อง"
-            @click.stop.pervent="onConfirmDone"
+            @click.stop.prevent="onConfirmDone"
           />
           <q-btn
             flat
diff --git a/src/modules/05_placement/views/09_reportMain.vue b/src/modules/05_placement/views/09_reportMain.vue
index ba2414194..0031a4dc4 100644
--- a/src/modules/05_placement/views/09_reportMain.vue
+++ b/src/modules/05_placement/views/09_reportMain.vue
@@ -245,7 +245,7 @@ onMounted(() => {
                     rounded
                     flat
                     label="ล้างทั้งหมด"
-                    @click.stop.pervent="clearFilter"
+                    @click.stop.prevent="clearFilter"
                   />
                 </q-card-section>
                 <q-card-section class="q-pa-none">
diff --git a/src/modules/06_retirement/components/02_resign/Table.vue b/src/modules/06_retirement/components/02_resign/Table.vue
index a02cff9d6..4379ec5c7 100644
--- a/src/modules/06_retirement/components/02_resign/Table.vue
+++ b/src/modules/06_retirement/components/02_resign/Table.vue
@@ -368,7 +368,7 @@ onMounted(async () => {
                   round
                   color="info"
                   icon="mdi-eye"
-                  @click.pervent="
+                  @click.prevent="
                     onRedirectToDetail('resign-detail', props.row.id)
                   "
                 >
@@ -388,7 +388,7 @@ onMounted(async () => {
                   round
                   color="edit"
                   icon="edit"
-                  @click.pervent="onRedirectToDetail('resign', props.row.id)"
+                  @click.prevent="onRedirectToDetail('resign', props.row.id)"
                 >
                   <q-tooltip>แก้ไขข้อมูล</q-tooltip>
                 </q-btn>
diff --git a/src/modules/06_retirement/components/03_resignEmp/Table.vue b/src/modules/06_retirement/components/03_resignEmp/Table.vue
index 55d7c9c77..eb1e17795 100644
--- a/src/modules/06_retirement/components/03_resignEmp/Table.vue
+++ b/src/modules/06_retirement/components/03_resignEmp/Table.vue
@@ -364,7 +364,7 @@ onMounted(async () => {
                   round
                   color="info"
                   icon="mdi-eye"
-                  @click.pervent="
+                  @click.prevent="
                     onRedirectToDetail('resign-employee-detail', props.row.id)
                   "
                 >
@@ -380,7 +380,7 @@ onMounted(async () => {
                   round
                   color="edit"
                   icon="edit"
-                  @click.pervent="
+                  @click.prevent="
                     onRedirectToDetail('resign-employee', props.row.id)
                   "
                 >
diff --git a/src/modules/06_retirement/views/07_report.vue b/src/modules/06_retirement/views/07_report.vue
index 7fae6ba8d..1d64952ed 100644
--- a/src/modules/06_retirement/views/07_report.vue
+++ b/src/modules/06_retirement/views/07_report.vue
@@ -246,7 +246,7 @@ onMounted(() => {
                     <q-item
                       clickable
                       v-close-popup
-                      @click.stop.pervent="
+                      @click.stop.prevent="
                         genReportXLSX(
                           detailReport,
                           `${
@@ -264,7 +264,7 @@ onMounted(() => {
                     <q-item
                       clickable
                       v-close-popup
-                      @click.stop.pervent="
+                      @click.stop.prevent="
                         genReportXLSX(
                           detailReport,
                           `${
@@ -304,7 +304,7 @@ onMounted(() => {
                     rounded
                     flat
                     label="ล้างทั้งหมด"
-                    @click.stop.pervent="clearFilter"
+                    @click.stop.prevent="clearFilter"
                   />
                 </q-card-section>
                 <q-card-section class="q-pa-none">
diff --git a/src/modules/07_insignia/components/2_Manage/Tab1.vue b/src/modules/07_insignia/components/2_Manage/Tab1.vue
index 1c069dc0e..6c08ac139 100644
--- a/src/modules/07_insignia/components/2_Manage/Tab1.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab1.vue
@@ -1336,7 +1336,7 @@ onMounted(async () => {
                   dense
                   icon="info"
                   color="red"
-                  @click.pervent="
+                  @click.prevent="
                     onClickViewInfo(
                       'discipline',
                       props.row.profileId,
@@ -1356,7 +1356,7 @@ onMounted(async () => {
                   dense
                   icon="info"
                   color="red"
-                  @click.pervent="
+                  @click.prevent="
                     onClickViewInfo(
                       'leave',
                       props.row.profileId,
@@ -1377,7 +1377,7 @@ onMounted(async () => {
                   dense
                   icon="info"
                   color="info"
-                  @click.pervent="
+                  @click.prevent="
                     onClickViewInfo(
                       'assessments',
                       props.row.profileId,
@@ -1397,7 +1397,7 @@ onMounted(async () => {
                   dense
                   icon="info"
                   color="info"
-                  @click.pervent="
+                  @click.prevent="
                     onClickViewInfo(
                       'insignia',
                       props.row.profileId,
diff --git a/src/modules/07_insignia/components/2_Manage/Tab2.vue b/src/modules/07_insignia/components/2_Manage/Tab2.vue
index 74a46fb24..c1dbb6240 100644
--- a/src/modules/07_insignia/components/2_Manage/Tab2.vue
+++ b/src/modules/07_insignia/components/2_Manage/Tab2.vue
@@ -534,7 +534,7 @@ watch(
                   flat
                   round
                   color="blue"
-                  @click.pervent="
+                  @click.prevent="
                     showReson(props.row.name, props.row.requestNote)
                   "
                   icon="mdi-information-outline"
diff --git a/src/modules/07_insignia/views/06_ReportMain.vue b/src/modules/07_insignia/views/06_ReportMain.vue
index 49d3c53a8..cc252c64b 100644
--- a/src/modules/07_insignia/views/06_ReportMain.vue
+++ b/src/modules/07_insignia/views/06_ReportMain.vue
@@ -448,7 +448,7 @@ onMounted(async () => {
                     rounded
                     flat
                     label="ล้างทั้งหมด"
-                    @click.stop.pervent="clearFilter"
+                    @click.stop.prevent="clearFilter"
                   />
                 </q-card-section>
                 <q-card-section class="q-pa-none">
diff --git a/src/modules/07_insignia/views/07_ReclaimMain.vue b/src/modules/07_insignia/views/07_ReclaimMain.vue
index b125424cd..713da4d7c 100644
--- a/src/modules/07_insignia/views/07_ReclaimMain.vue
+++ b/src/modules/07_insignia/views/07_ReclaimMain.vue
@@ -545,7 +545,7 @@ onMounted(async () => {
                   round
                   color="primary"
                   icon="mdi-plus"
-                  @click.stop.pervent="onOpenDialogForm(false)"
+                  @click.stop.prevent="onOpenDialogForm(false)"
                 >
                   <q-tooltip>เพิ่ม</q-tooltip>
                 </q-btn>
@@ -594,7 +594,7 @@ onMounted(async () => {
                   round
                   color="edit"
                   icon="edit"
-                  @click.stop.pervent="onOpenDialogForm(true, props.row)"
+                  @click.stop.prevent="onOpenDialogForm(true, props.row)"
                   ><q-tooltip>แก้ไขข้อมูล</q-tooltip>
                 </q-btn>
                 <q-btn
@@ -604,7 +604,7 @@ onMounted(async () => {
                   round
                   color="red"
                   icon="delete"
-                  @click.stop.pervent="onDeleteDataReclaim(props.row.id)"
+                  @click.stop.prevent="onDeleteDataReclaim(props.row.id)"
                   ><q-tooltip>ลบข้อมูล</q-tooltip>
                 </q-btn>
               </q-td>
diff --git a/src/modules/08_registryEmployee/views/Main.vue b/src/modules/08_registryEmployee/views/Main.vue
index 783e58816..4fb236b5c 100644
--- a/src/modules/08_registryEmployee/views/Main.vue
+++ b/src/modules/08_registryEmployee/views/Main.vue
@@ -440,7 +440,7 @@ onMounted(async () => {
                     : 'blue'
                 "
                 icon="mdi-account-settings"
-                @click.pervent="onClickSelectPos(props.row)"
+                @click.prevent="onClickSelectPos(props.row)"
               >
                 <q-tooltip>กำหนดตำแหน่ง </q-tooltip>
               </q-btn>
@@ -455,7 +455,7 @@ onMounted(async () => {
                 dense
                 color="edit"
                 icon="edit"
-                @click.pervent="redirectToPageDetail(props.row.id)"
+                @click.prevent="redirectToPageDetail(props.row.id)"
               >
                 <q-tooltip>แก้ไขข้อมูล </q-tooltip>
               </q-btn>
diff --git a/src/modules/09_leave/views/!07_ReportCheckin.vue b/src/modules/09_leave/views/!07_ReportCheckin.vue
index d4e2aaf5b..d5fa6d21f 100644
--- a/src/modules/09_leave/views/!07_ReportCheckin.vue
+++ b/src/modules/09_leave/views/!07_ReportCheckin.vue
@@ -303,7 +303,7 @@ onMounted(() => {
           </div>
 
           <q-space />
-          <!-- @click.stop.pervent="
+          <!-- @click.stop.prevent="
           genReportXLSX(
             detailReport,
             `${
diff --git a/src/modules/09_leave/views/07_LeaveHistoryMain.vue b/src/modules/09_leave/views/07_LeaveHistoryMain.vue
index 0bd299d42..ca91cd5fa 100644
--- a/src/modules/09_leave/views/07_LeaveHistoryMain.vue
+++ b/src/modules/09_leave/views/07_LeaveHistoryMain.vue
@@ -303,7 +303,7 @@ onMounted(async () => {
                 round
                 color="primary"
                 icon="add"
-                @click.stop.pervent="onOpenDialogForm(false)"
+                @click.stop.prevent="onOpenDialogForm(false)"
               >
                 <q-tooltip>เพิ่มข้อมูลวันลาย้อนหลัง</q-tooltip>
               </q-btn>
@@ -381,7 +381,7 @@ onMounted(async () => {
                   round
                   color="edit"
                   icon="edit"
-                  @click.stop.pervent="onOpenDialogForm(true, props.row)"
+                  @click.stop.prevent="onOpenDialogForm(true, props.row)"
                   ><q-tooltip>แก้ไขข้อมูล</q-tooltip>
                 </q-btn>
                 <q-btn
@@ -391,7 +391,7 @@ onMounted(async () => {
                   round
                   color="red"
                   icon="delete"
-                  @click.stop.pervent="onDeleteLeaveBeginning(props.row.id)"
+                  @click.stop.prevent="onDeleteLeaveBeginning(props.row.id)"
                   ><q-tooltip>ลบข้อมูล</q-tooltip>
                 </q-btn>
               </q-td>
diff --git a/src/modules/11_discipline/components/9_DisciplineReport/Main.vue b/src/modules/11_discipline/components/9_DisciplineReport/Main.vue
index 948947abc..7ece8bfbd 100644
--- a/src/modules/11_discipline/components/9_DisciplineReport/Main.vue
+++ b/src/modules/11_discipline/components/9_DisciplineReport/Main.vue
@@ -399,7 +399,7 @@ onMounted(async () => {
                     rounded
                     flat
                     label="ล้างทั้งหมด"
-                    @click.stop.pervent="clearFilter"
+                    @click.stop.prevent="clearFilter"
                   />
                 </q-card-section>
                 <q-card-section class="q-pa-none">
diff --git a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
index 60f77f990..5cc54f572 100644
--- a/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
+++ b/src/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue
@@ -275,7 +275,7 @@ watch(
                 denes
                 icon="edit"
                 color="edit"
-                @click.stop.pervent="onEditDuty(props.row)"
+                @click.stop.prevent="onEditDuty(props.row)"
               >
                 <q-tooltip>แก้ไขหน้าที่</q-tooltip>
               </q-btn>
diff --git a/src/modules/12_evaluatePersonal/components/Director/Form.vue b/src/modules/12_evaluatePersonal/components/Director/Form.vue
index 9ca77e7da..37efbf6bd 100644
--- a/src/modules/12_evaluatePersonal/components/Director/Form.vue
+++ b/src/modules/12_evaluatePersonal/components/Director/Form.vue
@@ -371,7 +371,7 @@ onMounted(async () => {
                       v-for="col in props.cols"
                       :key="col.name"
                       :props="props"
-                      @click.stop.pervent="returnDetail(props.row)"
+                      @click.stop.prevent="returnDetail(props.row)"
                     >
                       <div v-if="col.name == 'no'">
                         {{
@@ -387,7 +387,7 @@ onMounted(async () => {
                           round
                           color="info"
                           icon="info"
-                          @click.stop.pervent="
+                          @click.stop.prevent="
                             onclickViewinfo(props.row.personId)
                           "
                         >
diff --git a/src/modules/12_evaluatePersonal/components/Director/MainPage.vue b/src/modules/12_evaluatePersonal/components/Director/MainPage.vue
index 4134a8a33..a380941ef 100644
--- a/src/modules/12_evaluatePersonal/components/Director/MainPage.vue
+++ b/src/modules/12_evaluatePersonal/components/Director/MainPage.vue
@@ -204,7 +204,7 @@ onMounted(() => {
                 round
                 color="info"
                 icon="mdi-eye"
-                @click.pervent="onOpenDetail(props.row.id, 'VIEW')"
+                @click.prevent="onOpenDetail(props.row.id, 'VIEW')"
               >
                 <q-tooltip>รายละเอียด</q-tooltip>
               </q-btn>
@@ -218,7 +218,7 @@ onMounted(() => {
                 round
                 color="edit"
                 icon="edit"
-                @click.pervent="onOpenDetail(props.row.id, 'EDIT')"
+                @click.prevent="onOpenDetail(props.row.id, 'EDIT')"
               >
                 <q-tooltip>แก้ไขข้อมูล</q-tooltip>
               </q-btn>
@@ -228,7 +228,7 @@ onMounted(() => {
                 flat
                 round
                 color="red"
-                @click.pervent="clickDelete(props.row.id)"
+                @click.prevent="clickDelete(props.row.id)"
                 icon="mdi-delete"
               >
                 <q-tooltip>ลบข้อมูล</q-tooltip>
diff --git a/src/modules/12_evaluatePersonal/components/Meeting/MainPage.vue b/src/modules/12_evaluatePersonal/components/Meeting/MainPage.vue
index 3bb9d7472..295e5ffd2 100644
--- a/src/modules/12_evaluatePersonal/components/Meeting/MainPage.vue
+++ b/src/modules/12_evaluatePersonal/components/Meeting/MainPage.vue
@@ -172,7 +172,7 @@ onMounted(() => {
                 round
                 color="info"
                 icon="mdi-eye"
-                @click.pervent="
+                @click.prevent="
                   router.push(`/evaluate/meeting-detail/${props.row.id}`)
                 "
               >
@@ -188,7 +188,7 @@ onMounted(() => {
                 round
                 color="edit"
                 icon="edit"
-                @click.pervent="
+                @click.prevent="
                   router.push(`/evaluate/meeting/${props.row.id}`)
                 "
               >
@@ -200,7 +200,7 @@ onMounted(() => {
                 flat
                 round
                 color="red"
-                @click.pervent="clickDelete(props.row.id)"
+                @click.prevent="clickDelete(props.row.id)"
                 icon="mdi-delete"
               >
                 <q-tooltip>ลบข้อมูล</q-tooltip>
diff --git a/src/modules/13_salary/components/04_salaryLists/TableTypePending.vue b/src/modules/13_salary/components/04_salaryLists/TableTypePending.vue
index 17719000b..1e26f6744 100644
--- a/src/modules/13_salary/components/04_salaryLists/TableTypePending.vue
+++ b/src/modules/13_salary/components/04_salaryLists/TableTypePending.vue
@@ -539,7 +539,7 @@ function onClickViewInfo(type: string, id: string) {
               dense
               icon="info"
               color="info"
-              @click.pervent="onClickViewInfo(col.name, props.row.profileId)"
+              @click.prevent="onClickViewInfo(col.name, props.row.profileId)"
             >
             </q-btn>
           </div>
@@ -550,7 +550,7 @@ function onClickViewInfo(type: string, id: string) {
               dense
               icon="info"
               color="red"
-              @click.pervent="onClickViewInfo(col.name, props.row.profileId)"
+              @click.prevent="onClickViewInfo(col.name, props.row.profileId)"
             >
             </q-btn>
 
diff --git a/src/modules/13_salary/components/05_salaryListsEmployee/TableTypePending.vue b/src/modules/13_salary/components/05_salaryListsEmployee/TableTypePending.vue
index 6dfa8a665..5029d14dd 100644
--- a/src/modules/13_salary/components/05_salaryListsEmployee/TableTypePending.vue
+++ b/src/modules/13_salary/components/05_salaryListsEmployee/TableTypePending.vue
@@ -563,7 +563,7 @@ watch(
               class="q-pa-none q-ml-xs"
               color="info"
               size="12px"
-              @click.pervent="onClickViewInfo(col.name, props.row.profileId)"
+              @click.prevent="onClickViewInfo(col.name, props.row.profileId)"
             >
             </q-btn>
           </div>
@@ -577,7 +577,7 @@ watch(
               class="q-pa-none q-ml-xs"
               color="red"
               size="12px"
-              @click.pervent="onClickViewInfo(col.name, props.row.profileId)"
+              @click.prevent="onClickViewInfo(col.name, props.row.profileId)"
             >
             </q-btn>
             <div v-else>-</div>
diff --git a/src/modules/13_salary/views/04_salaryLists.vue b/src/modules/13_salary/views/04_salaryLists.vue
index 4abe19ad6..020e2c4f5 100644
--- a/src/modules/13_salary/views/04_salaryLists.vue
+++ b/src/modules/13_salary/views/04_salaryLists.vue
@@ -459,7 +459,7 @@ onMounted(async () => {
           dense
           color="primary"
           icon="mdi-account-arrow-right"
-          @click.pervent="modalCommand = true"
+          @click.prevent="modalCommand = true"
         >
           <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
         </q-btn>
diff --git a/src/modules/13_salary/views/05_salaryListsEmployee.vue b/src/modules/13_salary/views/05_salaryListsEmployee.vue
index 92dcf8ed2..db0483cea 100644
--- a/src/modules/13_salary/views/05_salaryListsEmployee.vue
+++ b/src/modules/13_salary/views/05_salaryListsEmployee.vue
@@ -422,7 +422,7 @@ onMounted(async () => {
           dense
           color="primary"
           icon="mdi-account-arrow-right"
-          @click.pervent="modalCommand = true"
+          @click.prevent="modalCommand = true"
         >
           <q-tooltip>ส่งไปออกคำสั่ง</q-tooltip>
         </q-btn>
diff --git a/src/modules/14_KPI/components/Tab/Topic/02_Competency.vue b/src/modules/14_KPI/components/Tab/Topic/02_Competency.vue
index fb6eca2a8..ab1c0fae6 100644
--- a/src/modules/14_KPI/components/Tab/Topic/02_Competency.vue
+++ b/src/modules/14_KPI/components/Tab/Topic/02_Competency.vue
@@ -428,7 +428,7 @@ watch(
                     item.id == 'HEAD' || item.id == 'GROUP' ? 'mdi-eye' : 'edit'
                   "
                   color="info"
-                  @click.stop.pervent="onEdit(props.row, item.id)"
+                  @click.stop.prevent="onEdit(props.row, item.id)"
                 >
                   <q-tooltip v-if="item.id == 'HEAD' || item.id == 'GROUP'"
                     >รายละเอียด</q-tooltip
@@ -510,7 +510,7 @@ watch(
                     round
                     icon="delete"
                     color="red"
-                    @click.stop.pervent="onDelete(props.row.id, item.id)"
+                    @click.stop.prevent="onDelete(props.row.id, item.id)"
                   >
                     <q-tooltip>ลบข้อมูล </q-tooltip>
                   </q-btn>
diff --git a/src/modules/14_KPI/components/Tab/Topic/03_Develop.vue b/src/modules/14_KPI/components/Tab/Topic/03_Develop.vue
index 8e47757a6..da62b6007 100644
--- a/src/modules/14_KPI/components/Tab/Topic/03_Develop.vue
+++ b/src/modules/14_KPI/components/Tab/Topic/03_Develop.vue
@@ -339,7 +339,7 @@ onMounted(() => {
                   round
                   icon="edit"
                   color="edit"
-                  @click.stop.pervent="onEdit(props.row.id)"
+                  @click.stop.prevent="onEdit(props.row.id)"
                 >
                   <q-tooltip>แก้ไข </q-tooltip>
                 </q-btn>
@@ -348,7 +348,7 @@ onMounted(() => {
                   round
                   icon="delete"
                   color="red"
-                  @click.stop.pervent="onDelete(props.row.id)"
+                  @click.stop.prevent="onDelete(props.row.id)"
                 >
                   <q-tooltip>ลบข้อมูล </q-tooltip>
                 </q-btn>
diff --git a/src/modules/14_KPI/views/report.vue b/src/modules/14_KPI/views/report.vue
index f1c4d73e7..af487406c 100644
--- a/src/modules/14_KPI/views/report.vue
+++ b/src/modules/14_KPI/views/report.vue
@@ -600,7 +600,7 @@ onMounted(() => {
                     rounded
                     flat
                     label="ล้างทั้งหมด"
-                    @click.stop.pervent="clearFilter"
+                    @click.stop.prevent="clearFilter"
                   />
                 </q-card-section>
                 <q-card-section class="q-pa-none">
diff --git a/src/modules/15_development/components/Other.vue b/src/modules/15_development/components/Other.vue
index 9a5b136c9..b06c76d38 100644
--- a/src/modules/15_development/components/Other.vue
+++ b/src/modules/15_development/components/Other.vue
@@ -325,7 +325,7 @@ defineExpose({
                     round
                     color="edit"
                     icon="edit"
-                    @click.pervent="onClickAddAcademic(true, props.row)"
+                    @click.prevent="onClickAddAcademic(true, props.row)"
                   >
                     <q-tooltip>แก้ไข้อมูล</q-tooltip>
                   </q-btn>
@@ -336,7 +336,7 @@ defineExpose({
                     round
                     color="red"
                     icon="delete"
-                    @click.pervent="onDeleteAcademic(props.row.id)"
+                    @click.prevent="onDeleteAcademic(props.row.id)"
                   >
                     <q-tooltip>ลบ</q-tooltip>
                   </q-btn>
diff --git a/src/modules/15_development/views/MainPage.vue b/src/modules/15_development/views/MainPage.vue
index 99dc80032..73d18e217 100644
--- a/src/modules/15_development/views/MainPage.vue
+++ b/src/modules/15_development/views/MainPage.vue
@@ -507,7 +507,7 @@ onMounted(() => {
                     dense
                     color="info"
                     icon="mdi-eye"
-                    @click.pervent="onDetail(props.row.id)"
+                    @click.prevent="onDetail(props.row.id)"
                   >
                     <q-tooltip>รายละเอียด</q-tooltip></q-btn
                   >
@@ -521,7 +521,7 @@ onMounted(() => {
                     dense
                     color="edit"
                     icon="edit"
-                    @click.pervent="onClickAddOrView(true, props.row.id)"
+                    @click.prevent="onClickAddOrView(true, props.row.id)"
                   >
                     <q-tooltip>แก้ไขข้อมูล</q-tooltip></q-btn
                   >
@@ -536,7 +536,7 @@ onMounted(() => {
                     dense
                     color="public"
                     icon="mdi-content-save-edit-outline"
-                    @click.pervent="onRedirectToRecordPage(props.row.id)"
+                    @click.prevent="onRedirectToRecordPage(props.row.id)"
                   >
                     <q-tooltip>บันทึกผู้ผ่านการอบรม</q-tooltip></q-btn
                   >
diff --git a/src/modules/18_command/components/Main/TableMain.vue b/src/modules/18_command/components/Main/TableMain.vue
index 019e2097f..3c74b9f78 100644
--- a/src/modules/18_command/components/Main/TableMain.vue
+++ b/src/modules/18_command/components/Main/TableMain.vue
@@ -199,7 +199,7 @@ onMounted(() => {
                   "
                   clickable
                   v-close-popup
-                  @click.pervent="onRedirectToDetail('edit', props.row.id)"
+                  @click.prevent="onRedirectToDetail('edit', props.row.id)"
                 >
                   <q-item-section>
                     <div class="row items-center">
@@ -219,7 +219,7 @@ onMounted(() => {
                   v-if="checkPermission($route)?.attrIsGet"
                   clickable
                   v-close-popup
-                  @click.pervent="onRedirectToDetail('view', props.row.id)"
+                  @click.prevent="onRedirectToDetail('view', props.row.id)"
                 >
                   <q-item-section>
                     <div class="row items-center">
@@ -239,7 +239,7 @@ onMounted(() => {
                   v-if="checkPermission($route)?.attrIsCreate"
                   clickable
                   v-close-popup
-                  @click.pervent="onCopy(props.row.id)"
+                  @click.prevent="onCopy(props.row.id)"
                 >
                   <q-item-section>
                     <div class="row items-center">
@@ -263,7 +263,7 @@ onMounted(() => {
                   "
                   clickable
                   v-close-popup
-                  @click.pervent="onCancel(props.row.id)"
+                  @click.prevent="onCancel(props.row.id)"
                 >
                   <q-item-section>
                     <div class="row items-center">
@@ -286,7 +286,7 @@ onMounted(() => {
                   "
                   clickable
                   v-close-popup
-                  @click.pervent="onReCommand(props.row.id)"
+                  @click.prevent="onReCommand(props.row.id)"
                 >
                   <q-item-section>
                     <div class="row items-center">
@@ -303,7 +303,7 @@ onMounted(() => {
                     store.tabsMain === 'CANCEL' &&
                     checkPermission($route)?.attrIsDelete
                   "
-                  @click.pervent="onDeleteCommand(props.row.id)"
+                  @click.prevent="onDeleteCommand(props.row.id)"
                 >
                   <q-item-section>
                     <div class="row items-center">
diff --git a/src/modules/19_condition/view/Main.vue b/src/modules/19_condition/view/Main.vue
index 7d9f442bb..1d242aff5 100644
--- a/src/modules/19_condition/view/Main.vue
+++ b/src/modules/19_condition/view/Main.vue
@@ -430,7 +430,7 @@ onMounted(async () => {
                       round
                       dense
                       icon="edit"
-                      @click.stop.pervent="onSetCondution(props.row)"
+                      @click.stop.prevent="onSetCondution(props.row)"
                     />
                   </q-td>
                   <q-td auto-width>
diff --git a/src/modules/21_report/components/01_org/TableMain.vue b/src/modules/21_report/components/01_org/TableMain.vue
index 639fe2295..eaf4ec504 100644
--- a/src/modules/21_report/components/01_org/TableMain.vue
+++ b/src/modules/21_report/components/01_org/TableMain.vue
@@ -188,7 +188,7 @@ watch(
             <q-item
               clickable
               v-close-popup
-              @click.stop.pervent="
+              @click.stop.prevent="
                 genReportXLSX(
                   detailReport,
                   `${baseDocument.find((e) => e.val === title)?.name}`,
@@ -204,7 +204,7 @@ watch(
             <q-item
               clickable
               v-close-popup
-              @click.stop.pervent="
+              @click.stop.prevent="
                 genReportXLSX(
                   detailReport,
                   `${baseDocument.find((e) => e.val === title)?.name}`
diff --git a/src/modules/21_report/views/02_reportRegistry.vue b/src/modules/21_report/views/02_reportRegistry.vue
index f43973ddb..018c8f831 100644
--- a/src/modules/21_report/views/02_reportRegistry.vue
+++ b/src/modules/21_report/views/02_reportRegistry.vue
@@ -958,7 +958,7 @@ watch(
                     rounded
                     flat
                     label="ล้างทั้งหมด"
-                    @click.stop.pervent="clearFilter"
+                    @click.stop.prevent="clearFilter"
                   />
                 </q-card-section>
                 <q-separator />
@@ -1789,7 +1789,7 @@ watch(
                             dense
                             icon="info"
                             color="info"
-                            @click.pervent="
+                            @click.prevent="
                               onViewInfo(props.row.profileId, props.row.empType)
                             "
                           >
diff --git a/src/modules/21_report/views/03_reportDevelopment.vue b/src/modules/21_report/views/03_reportDevelopment.vue
index 32b3bd16f..7f9ddb9f9 100644
--- a/src/modules/21_report/views/03_reportDevelopment.vue
+++ b/src/modules/21_report/views/03_reportDevelopment.vue
@@ -304,7 +304,7 @@ onMounted(async () => {
                     rounded
                     flat
                     label="ล้างทั้งหมด"
-                    @click.stop.pervent="clearFilter"
+                    @click.stop.prevent="clearFilter"
                   />
                 </q-card-section>
                 <q-card-section class="q-pa-none">
diff --git a/src/modules/21_report/views/04_reportEvaluate.vue b/src/modules/21_report/views/04_reportEvaluate.vue
index a8525d9fc..c0413e795 100644
--- a/src/modules/21_report/views/04_reportEvaluate.vue
+++ b/src/modules/21_report/views/04_reportEvaluate.vue
@@ -182,7 +182,7 @@ onMounted(() => {
                     <q-item
                       clickable
                       v-close-popup
-                      @click.stop.pervent="onDownloadFile('pdf')"
+                      @click.stop.prevent="onDownloadFile('pdf')"
                     >
                       <q-item-section avatar
                         ><q-icon color="red" name="mdi-file-pdf"
@@ -192,7 +192,7 @@ onMounted(() => {
                     <q-item
                       clickable
                       v-close-popup
-                      @click.stop.pervent="onDownloadFile('xlsx')"
+                      @click.stop.prevent="onDownloadFile('xlsx')"
                     >
                       <q-item-section avatar
                         ><q-icon color="green" name="mdi-file-excel"
@@ -225,7 +225,7 @@ onMounted(() => {
                     rounded
                     flat
                     label="ล้างทั้งหมด"
-                    @click.stop.pervent="clearFilter"
+                    @click.stop.prevent="clearFilter"
                   />
                 </q-card-section>
                 <q-card-section class="q-pa-none">
diff --git a/src/modules/21_report/views/05_reportSalary.vue b/src/modules/21_report/views/05_reportSalary.vue
index 15b14d0d9..4d8387726 100644
--- a/src/modules/21_report/views/05_reportSalary.vue
+++ b/src/modules/21_report/views/05_reportSalary.vue
@@ -374,7 +374,7 @@ onMounted(() => {
                     <q-item
                       clickable
                       v-close-popup
-                      @click.stop.pervent="onDownloadFile('pdf')"
+                      @click.stop.prevent="onDownloadFile('pdf')"
                     >
                       <q-item-section avatar
                         ><q-icon color="red" name="mdi-file-pdf"
@@ -384,7 +384,7 @@ onMounted(() => {
                     <q-item
                       clickable
                       v-close-popup
-                      @click.stop.pervent="onDownloadFile('xlsx')"
+                      @click.stop.prevent="onDownloadFile('xlsx')"
                     >
                       <q-item-section avatar
                         ><q-icon color="green" name="mdi-file-excel"
@@ -417,7 +417,7 @@ onMounted(() => {
                     rounded
                     flat
                     label="ล้างทั้งหมด"
-                    @click.stop.pervent="clearFilter"
+                    @click.stop.prevent="clearFilter"
                   />
                 </q-card-section>
                 <q-card-section class="q-pa-none">