Reset data before filtering

src/components/Pages/Keluhan/Rekap/RKeluhan_BerdasarMedia.vue

@@ -522,7 +522,13 @@ const setDate = (value: any) => {
   }
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

src/components/Pages/Keluhan/Rekap/RKeluhan_PerJenisKeluhan.vue

@@ -980,7 +980,13 @@ const setAgreementDialog = (status: boolean, progress: number) => {
   progressSelected.value = progress
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

src/components/Pages/Keluhan/Rekap/RKeluhan_PerKelompokKeluhan.vue

@@ -843,7 +843,13 @@ const setAgreementDialog = (status: boolean, progress: number) => {
   progressSelected.value = progress
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

src/components/Pages/Keluhan/Rekap/RKeluhan_PerTanggal.vue

@@ -846,7 +846,13 @@ const setAgreementDialog = (status: boolean, progress: number) => {
   progressSelected.value = progress
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
 

src/components/Pages/Keluhan/Rekap/RKeluhan_PerUnit.vue

@@ -976,7 +976,13 @@ const setAgreementDialog = (status: boolean, progress: number) => {
   progressSelected.value = progress
 }
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params
   const query = {

src/components/Pages/Keluhan/Rekap/RKeluhan_RatingPerUnit.vue

@@ -238,7 +238,13 @@ const closedialogDetail = () => (dialogDetail.value = false)
 const loadingData = ref(false)
 const loadingSubData = ref(false)
 
+const resetData = () => {
+  data.value = []
+  dataSub.value = []
+}
+
 const filterData = async (params: any) => {
+  resetData()
   const dateValue = params.periode.split(' s/d ')
   const { ulp, uid, up3 } = params