diff --git a/src/components/Pages/Cico/LaporanCICO.vue b/src/components/Pages/Cico/LaporanCICO.vue
index 0badbc5..07d7041 100755
--- a/src/components/Pages/Cico/LaporanCICO.vue
+++ b/src/components/Pages/Cico/LaporanCICO.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -41,14 +41,14 @@
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -58,7 +58,6 @@ import { Workbook } from 'exceljs'
 import { Type1 } from '@/components/Form/FiltersType'
 import Filters from '@/components/Form/Filters.vue'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { queries } from '@/utils/graphql'
 const position = { of: '#data' }
 const showIndicator = ref(true)
diff --git a/src/components/Pages/Ctt/CTT_LaporanCttKwhPeriksa.vue b/src/components/Pages/Ctt/CTT_LaporanCttKwhPeriksa.vue
index cfb0f40..e4b3f53 100755
--- a/src/components/Pages/Ctt/CTT_LaporanCttKwhPeriksa.vue
+++ b/src/components/Pages/Ctt/CTT_LaporanCttKwhPeriksa.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type3 @update:filters="(value) => (filters = value)" />
+    <Type3 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid
@@ -137,18 +137,17 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
-import { useFiltersStore } from '@/stores/filters'
+import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
index e65320b..7451442 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_BM.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type16 @update:filters="(value) => (filters = value)" />
+    <Type16 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
index 2f65178..c213e02 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DKPL.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="dataTable">
@@ -365,9 +365,7 @@ const showPane = ref(true)
 const data = ref<any[]>([])
 const dataDetail = ref<any>()
 const showDetail = ref(false)
-const closeDetail = () => {
-  showDetail.value = false
-}
+const closeDetail = () => showDetail.value = false
 
 const onExporting = (e: any) => {
   if (e.format === 'pdf') {
@@ -503,10 +501,7 @@ const { onResult, onError, loading, refetch } = useQuery(
 const onSelectionChanged = ({ selectedRowsData }: any) => {
   const data = selectedRowsData[0]
   dataDetail.value = data
-  console.log(data)
-}
-const showData = () => {
-  showDetail.value = true
 }
+const showData = () => showDetail.value = true
 const filters = ref()
 </script>
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
index d2adfea..388c51c 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_DMAPKT.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
index 8fd0b4f..868baf3 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type6 @update:filters="(value) => (filters = value)" />
+    <Type6 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -324,13 +324,9 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
   dataDetail.value = data
 }
 
-const showData = () => {
-  showDetail.value = true
-}
+const showData = () => showDetail.value = true
 
-const closeDetail = () => {
-  showDetail.value = false
-}
+const closeDetail = () => showDetail.value = false
 
 const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.melaporLebihDariSatuKali, {
   minJmlLapor: 1,
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
index 2a7ec21..8217191 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_RecoveryTime.vue
@@ -1,7 +1,7 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
     <Type7
-      @update:filters="(value) => (filters = value)"
+      @update:filters="(value) => filters = value"
       :sla-options="[
         {
           id: 1,
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
index e191ca7..aa8a250 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_ResponseTime.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type7 @update:filters="(value) => (filters = value)" />
+    <Type7 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -329,13 +329,9 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
   dataDetail.value = data
 }
 
-const showData = () => {
-  showDetail.value = true
-}
+const showData = () => showDetail.value = true
 
-const closeDetail = () => {
-  showDetail.value = false
-}
+const closeDetail = () => showDetail.value = false
 
 const filterData = (params: any) => {
   const { minTime, maxTime, posko, uid, up3 } = params
diff --git a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
index c22f006..450d9fc 100755
--- a/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
+++ b/src/components/Pages/Gangguan/Daftar/DGangguan_STIDP.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
index 326f9bd..c3220f9 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_ALL.vue
@@ -5,7 +5,7 @@
     @run-search="() => filterData(filters)"
     class="mb-4"
   >
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue
index bef4c2d..db25c51 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_AlihPosko.vue
@@ -5,7 +5,7 @@
     @run-search="() => filterData(filters)"
     class="mb-4"
   >
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue
index 5ab0abf..aadb932 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_BerdasarMedia.vue
@@ -5,7 +5,7 @@
     @run-search="() => filterData(filters)"
     class="mb-4"
   >
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
index ed7ab6b..cb2e51a 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguan.vue
@@ -6,7 +6,7 @@
     @run-search="() => filterData(filters)"
     class="mb-4"
   >
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
index b13a522..3bc0941 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_JenisGangguanSE.vue
@@ -6,7 +6,7 @@
     @run-search="() => filterData(filters)"
     class="mb-4"
   >
-    <Type1 @update:filters="(value) => (filters = value)" />
+    <Type1 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
index 6671fe3..2d71331 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerPosko.vue
@@ -6,7 +6,7 @@
     @run-search="() => filterData(filters)"
     class="mb-4"
   >
-    <Type8 @update:filters="(value) => (filters = value)" />
+    <Type8 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
index 761a8c1..ffe649b 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerRegu.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type9 @update:filters="(value) => (filters = value)" />
+    <Type9 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
index 721ad44..48acf2d 100755
--- a/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
+++ b/src/components/Pages/Gangguan/Rekap/RGangguan_PerTanggal.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type9 @update:filters="(value) => (filters = value)" />
+    <Type9 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue
index 1a6327d..8da91ef 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type3 @update:filters="(value) => (filters = value)" />
+    <Type3 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue
index e30ff82..3dba0f3 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_DKUL.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type3 @update:filters="(value) => (filters = value)" />
+    <Type3 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
index d1744bc..a8bd153 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_PLD1K.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type10 @update:filters="(value) => (filters = value)" />
+    <Type10 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue
index 87c1e0c..094a472 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_RecoveryTime.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type11 @update:filters="(value) => (filters = value)" />
+    <Type11 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue
index 666a674..4b89926 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_ResponseTime.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type11 @update:filters="(value) => (filters = value)" />
+    <Type11 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
index 22bfb09..2d14566 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_STIDP.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type3 @update:filters="(value) => (filters = value)" />
+    <Type3 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
index 3e05e36..e528c28 100755
--- a/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
+++ b/src/components/Pages/Keluhan/Daftar/DKeluhan_SelesaiCC.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type3 @update:filters="(value) => (filters = value)" />
+    <Type3 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
index 011f9d2..9b7908d 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_ALL.vue
@@ -5,7 +5,7 @@
     :report-button="true"
     class="mb-4"
   >
-    <Type3 @update:filters="(value) => (filters = value)" />
+    <Type3 @update:filters="(value) => filters = value" />
   </Filters>
   <div>
     <DxDataGrid
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
index c61c5aa..b7ae552 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type3 @update:filters="(value) => (filters = value)" />
+    <Type3 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div>
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
index 7213d0e..451bc51 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerFungsiBidang.vue
@@ -5,7 +5,7 @@
     :report-button="true"
     class="mb-4"
   >
-    <Type13 @update:filters="(value) => (filters = value)" />
+    <Type13 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue
index e9f008a..bde1039 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type3 @update:filters="(value) => (filters = value)" />
+    <Type3 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue
index 783c12e..65241fe 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue
@@ -5,7 +5,7 @@
     :report-button="true"
     class="mb-4"
   >
-    <Type13 @update:filters="(value) => (filters = value)" />
+    <Type13 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue
index a6f4a07..8c7338f 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue
@@ -5,7 +5,7 @@
     :report-button="true"
     class="mb-4"
   >
-    <Type13 @update:filters="(value) => (filters = value)" />
+    <Type13 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div>
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue
index 2c342da..b202d51 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue
@@ -5,7 +5,7 @@
     :report-button="true"
     class="mb-4"
   >
-    <Type8 @update:filters="(value) => (filters = value)" />
+    <Type8 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div>
diff --git a/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue b/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue
index 170fd65..81d6451 100755
--- a/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue
+++ b/src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" :report-button="true" class="mb-4">
-    <Type8 @update:filters="(value) => (filters = value)" />
+    <Type8 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
diff --git a/src/components/Pages/Material/Daftar/Material_DGMYG.vue b/src/components/Pages/Material/Daftar/Material_DGMYG.vue
index 4be086c..a914574 100755
--- a/src/components/Pages/Material/Daftar/Material_DGMYG.vue
+++ b/src/components/Pages/Material/Daftar/Material_DGMYG.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type14 @update:filters="(value) => (filters = value)" />
+    <Type14 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid
@@ -137,13 +137,13 @@
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxExport,
-  DxLoadPanel,
-  DxPager,
-  DxPaging,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxExport,
+    DxLoadPanel,
+    DxPager,
+    DxPaging,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import Filters from '@/components/Form/Filters.vue'
 import { Type14 } from '@/components/Form/FiltersType'
diff --git a/src/components/Pages/Material/Rekap/Material_RPM.vue b/src/components/Pages/Material/Rekap/Material_RPM.vue
index 948f269..80213f5 100755
--- a/src/components/Pages/Material/Rekap/Material_RPM.vue
+++ b/src/components/Pages/Material/Rekap/Material_RPM.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type14 @update:filters="(value) => (filters = value)" />
+    <Type14 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid
@@ -97,13 +97,13 @@
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxExport,
-  DxLoadPanel,
-  DxPager,
-  DxPaging,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxExport,
+    DxLoadPanel,
+    DxPager,
+    DxPaging,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { Type14 } from '@/components/Form/FiltersType'
 import Filters from '@/components/Form/Filters.vue'
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
index 03e3928..d1ca2b7 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_DispatchingTimeGangguan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" :report-button="true" @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -49,14 +49,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { getMonthName } from '@/utils/texts'
 import { queries } from '@/utils/graphql'
 
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue
index a1850d0..9498ecc 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ENSGangguan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -49,14 +49,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { getMonthName } from '@/utils/texts'
 import { queries } from '@/utils/graphql'
 
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue
index 633d4e1..4ba077f 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanBelumSelesai.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -35,14 +35,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -50,7 +50,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { queries } from '@/utils/graphql'
 
 const currentYear = ref(new Date().getFullYear())
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue
index eda4f50..ac24c7d 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -40,14 +40,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -55,7 +55,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { queries } from '@/utils/graphql'
 const currentYear = ref(new Date().getFullYear())
 const currentMonth = ref(new Date().getMonth())
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue
index 6a46331..a3e465c 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_JumlahDDRPTRCTGangguan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div>
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -83,14 +83,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { onMounted, ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -98,7 +98,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { getMonthName } from '@/utils/texts'
 import { queries } from '@/utils/graphql'
 
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue
index b6a9845..e604783 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_LaporUlang.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -49,14 +49,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { getMonthName } from '@/utils/texts'
 import { queries } from '@/utils/graphql'
 
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue
index 196dd8b..87dd7c8 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_RecoveryTimeGangguan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters :report-button="true" @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -49,14 +49,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { getMonthName } from '@/utils/texts'
 import { queries } from '@/utils/graphql'
 
diff --git a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue
index 6eedd3b..c658459 100755
--- a/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue
+++ b/src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_ResponseTimeGangguan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @reset-form="data = []" :report-button="true" @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -49,21 +49,20 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
-import gql from 'graphql-tag'
 import { useQuery } from '@vue/apollo-composable'
 import { getMonthName } from '@/utils/texts'
 import { queries } from '@/utils/graphql'
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue
index 67bb2a2..59368ec 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_GangguanPerJenisKeluhan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -37,14 +37,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue
index d70d703..4a11e3a 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahDDRPTRCTKeluhan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -84,14 +84,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue
index 8cdaf1a..79e594a 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_JumlahKaliKeluhan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -49,14 +49,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { onMounted, ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { getMonthName } from '@/utils/texts'
 import { queries } from '@/utils/graphql'
 const position = { of: '#data' }
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue
index 2c617fd..305acb1 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_KeluhanBelumSelesai.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -35,14 +35,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue
index 823b13d..871b8c8 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_LaporUlangKeluhan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -50,14 +50,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue
index 045e94d..6bb23e9 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_RecoveryTimeKeluhan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -49,14 +49,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -64,7 +64,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { getMonthName } from '@/utils/texts'
 import { queries } from '@/utils/graphql'
 const position = { of: '#data' }
diff --git a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue
index 2a61d39..542a1d5 100755
--- a/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue
+++ b/src/components/Pages/Monalisa/Keluhan/Rekap/MonalisaKR_ResponseTimeKeluhan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -49,14 +49,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
index 239781d..3bd6473 100755
--- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
+++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_AgingComplaint.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters :report-button="true" @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -62,14 +62,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue
index 716d9bf..7c3bb00 100755
--- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue
+++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_EnergyNotSales.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters :report-button="true" @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -49,14 +49,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue
index 8d1eb48..2809c31 100755
--- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue
+++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_KADDalamPelaporan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters :report-button="true" @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -54,14 +54,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
diff --git a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
index 8bbe755..5177123 100755
--- a/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
+++ b/src/components/Pages/Monalisa/Laporan/Bulanan/MonalisaLB_PenurunanJumlahKomplain.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters :report-button="true" @reset-form="data = []" @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
 
   <div id="data">
@@ -94,14 +94,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue
index 769a4aa..23c3d4c 100755
--- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue
+++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_AgingComplaint.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -61,14 +61,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -76,8 +76,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
-import { getMonthName } from '@/utils/texts'
 import { queries } from '@/utils/graphql'
 const position = { of: '#data' }
 const showIndicator = ref(true)
diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue
index 143a9a8..2df5ad3 100755
--- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue
+++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_EnergyNotSales.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -48,14 +48,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -63,7 +63,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { queries } from '@/utils/graphql'
 const position = { of: '#data' }
 const showIndicator = ref(true)
diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue
index f2efed1..3231b13 100755
--- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue
+++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_KDADPelaporan.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -53,14 +53,14 @@ import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -68,7 +68,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { queries } from '@/utils/graphql'
 const position = { of: '#data' }
 const showIndicator = ref(true)
diff --git a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue
index ee5b6e5..ee3cd94 100755
--- a/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue
+++ b/src/components/Pages/Monalisa/Laporan/Kumulatif/MonalisaLK_PenurunanJumlahKomplain.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type2 @update:filters="(value) => (filters = value)" />
+    <Type2 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid class="max-h-[calc(100vh-140px)] mb-10" :data-source="data" :show-column-lines="true"
@@ -93,14 +93,14 @@ import Filters from '@/components/Form/Filters.vue'
 import Type2 from '@/components/Form/FiltersType/Type2.vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
@@ -108,7 +108,6 @@ import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
 import { useQuery } from '@vue/apollo-composable'
-import gql from 'graphql-tag'
 import { getMonthName } from '@/utils/texts'
 import { queries } from '@/utils/graphql'
 const position = { of: '#data' }
diff --git a/src/components/Pages/PencarianData/PencarianData.vue b/src/components/Pages/PencarianData/PencarianData.vue
index 18e8c06..2f46b02 100755
--- a/src/components/Pages/PencarianData/PencarianData.vue
+++ b/src/components/Pages/PencarianData/PencarianData.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type15 @update:filters="(value) => (filters = value)" />
+    <Type15 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid
@@ -142,13 +142,13 @@
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxExport,
-  DxLoadPanel,
-  DxPager,
-  DxPaging,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxExport,
+    DxLoadPanel,
+    DxPager,
+    DxPaging,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { Type15 } from '@/components/Form/FiltersType'
 import Filters from '@/components/Form/Filters.vue'
diff --git a/src/components/Pages/Transaksi/Transaksi.vue b/src/components/Pages/Transaksi/Transaksi.vue
index 9c635a9..cf76e28 100755
--- a/src/components/Pages/Transaksi/Transaksi.vue
+++ b/src/components/Pages/Transaksi/Transaksi.vue
@@ -1,6 +1,6 @@
 <template>
   <Filters @run-search="() => filterData(filters)" class="mb-4">
-    <Type17 @update:filters="(value) => (filters = value)" />
+    <Type17 @update:filters="(value) => filters = value" />
   </Filters>
   <div id="data">
     <DxDataGrid
@@ -130,14 +130,14 @@
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-  DxColumn,
-  DxColumnFixing,
-  DxExport,
-  DxLoadPanel,
-  DxPaging,
-  DxScrolling,
-  DxSearchPanel,
-  DxSelection
+    DxColumn,
+    DxColumnFixing,
+    DxExport,
+    DxLoadPanel,
+    DxPaging,
+    DxScrolling,
+    DxSearchPanel,
+    DxSelection
 } from 'devextreme-vue/data-grid'
 import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'