Refactor code to improve readability and fix bugs in Gangguan and Monalisa components

src/components/Pages/Anomali/Gangguan/Anomali_LAPPGP.vue

@@ -27,12 +27,14 @@
     @update:data-sub="dataSub = $event"
     @update:loading-sub-data="loadingSubData = $event"
     @update:marking="marking = $event"
+    @update:data-group="dataByGroup = $event"
   />
 
   <Anomali_LAPPGP_LPP
     :data="dataSub"
     :filters="filters"
     :marking="marking"
+    :data-group="dataByGroup"
     @update:loading-sub-data="loadingSubData = $event"
   />
 
@@ -40,9 +42,8 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
+import { onMounted, ref } from 'vue'
 import { Anomali_LAPPGP_LPT, Anomali_LAPPGP_LPP } from '../.'
-import { useQuery } from '@vue/apollo-composable'
 import { Type4 } from '@/components/Form/FiltersType'
 import Filters from '@/components/Form/Filters.vue'
 import { queries, requestGraphQl } from '@/utils/api/api.graphql'
@@ -65,6 +66,13 @@ const grouping = ref<any[]>([
   }
 ])
 
+const dataByGroup = ref<any>(
+  {
+    data: '',
+    caption: 'Semua Unit'
+  },
+)
+
 const client = apolloClient()
 provideApolloClient(client)
 const data = ref<any[]>([])
@@ -83,6 +91,10 @@ const filters = ref({
   up3: 0
 })
 
+const modifyData = (data: any[]) => {
+  dataSub.value = data
+}
+
 const resetData = () => {
   data.value = []
   dataSub.value = []