Update GraphQL queries in Monalisa Gangguan Rekap components

src/components/Pages/Monalisa/Gangguan/Rekap/MonalisaGR_GangguanPerJenisGangguan.vue

@@ -56,6 +56,7 @@ 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())
 const lastYear = ref(currentYear.value - 1)
@@ -66,31 +67,7 @@ const showPane = ref(true)
 const data = ref<any[]>([])
 const dataDetail = ref<any>()
 const showDetail = ref(false)
-const monalisaGangguanPerJenisGangguan = gql`
-  query DaftarmonalisaGangguanPerJenisGangguan(
-    #$nama_regional: String
-    $idUid: Int
-    $idUp3: Int
-    $idUlp: Int
-    $bulan: Int
-    $tahun: Int
-  ) {
-    monalisaGangguanPerJenisGangguan(
-      #nama_regional: $regional
-      idUid: $idUid
-      idUp3: $idUp3
-      idUlp: $idUlp
-      bulan: $bulan
-      tahun: $tahun
-    ) {
-      id_jenis_gangguan
-      nama_jenis_gangguan
-      jumlah
-      persen
-    }
-  }
-`
-const { onResult, onError, loading, refetch } = useQuery(monalisaGangguanPerJenisGangguan, {
+const { onResult, onError, loading, refetch } = useQuery(queries.monalisa.gangguan.rekap.gangguanPerJenisGangguan, {
   bulan: 10,
   tahun: 2023,
   regional: '',