Refactor GraphQL queries in Gangguan components

src/components/Pages/Gangguan/Rekap/RGangguan_CTTM.vue

@@ -174,7 +174,7 @@ 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)
 const shading = ref(true)
@@ -214,40 +214,7 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
 }
 
 const data = ref<any[]>([])
-const GET_REKAPITULASI_GANGGUAN_ALIH_POSKO = gql`
-  query rekapitulasiGangguanCleansingTransaksiTM(
-    $dateFrom: Date!
-    $dateTo: Date!
-    $posko: Int!
-    $idUid: Int!
-    $idUp3: Int!
-  ) {
-    rekapitulasiGangguanCleansingTransaksiTM(
-      dateFrom: $dateFrom
-      dateTo: $dateTo
-      posko: $posko
-      idUid: $idUid
-      idUp3: $idUp3
-    ) {
-      agustus
-      april
-      desember
-      februari
-      januari
-      juli
-      juni
-      maret
-      mei
-      november
-      oktober
-      september
-      uid
-      ulp
-      up3
-    }
-  }
-`
-const { onResult, onError, loading, refetch } = useQuery(GET_REKAPITULASI_GANGGUAN_ALIH_POSKO, {
+const { onResult, onError, loading, refetch } = useQuery(queries.gangguan.rekap.rekapGangguanAlihPosko, {
   dateFrom: new Date('2023-10-01').toISOString().slice(0, 10),
   dateTo: new Date('2023-10-01').toISOString().slice(0, 10),
   posko: '',