Refactor GraphQL queries in Gangguan components

src/components/Pages/Gangguan/Daftar/DGangguan_MLD1K.vue

@@ -308,7 +308,7 @@ import {
 import DetailDialog from '@/components/Dialogs/DetailDialog.vue'
 import InputText from '@/components/InputText.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)
@@ -332,45 +332,7 @@ const closeDetail = () => {
   showDetail.value = false
 }
 
-const GET_GANGGUAN_MELAPOR_LEBIHDARI_SATU_KALI = gql`
-  query gangguan(
-    $minJmlLapor: Int!
-    $maxJmlLapor: Int!
-    $dateFrom: Date!
-    $dateTo: Date!
-    $posko: Int!
-    $idUid: Int!
-    $idUp3: Int!
-  ) {
-    daftarGangguanMelaporLebihDariSatuKali(
-      minJmlLapor: $minJmlLapor
-      maxJmlLapor: $maxJmlLapor
-      dateFrom: $dateFrom
-      dateTo: $dateTo
-      posko: $posko
-      idUid: $idUid
-      idUp3: $idUp3
-    ) {
-      alamat_pelapor
-      pembuat_laporan
-      durasi_response_time
-      durasi_recovery_time
-      idpel_nometer
-      jumlah_lapor
-      keterangan_pelapor
-      media
-      nama_pelapor
-      no_laporan
-      no_telp_pelapor
-      status_akhir
-      waktu_lapor
-      waktu_recovery
-      waktu_response
-      nama_posko
-    }
-  }
-`
-const { onResult, onError, loading, refetch } = useQuery(GET_GANGGUAN_MELAPOR_LEBIHDARI_SATU_KALI, {
+const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.daftar.melaporLebihDariSatuKali, {
   minJmlLapor: 1,
   maxJmlLapor: 1,
   dateFrom: new Date().toISOString().slice(0, 10),