fix error

src/components/Pages/Keluhan/Daftar/DKeluhan_BerdasarMedia.vue

@@ -157,22 +157,22 @@ import { formatWaktu } from '@/components/Form/FiltersType/reference'
 import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import {
-    DxColumn,
-    DxColumnFixing,
-    DxExport,
-    DxLoadPanel,
-    DxPager,
-    DxPaging,
-    DxSearchPanel,
-    DxSelection
+  DxColumn,
+  DxColumnFixing,
+  DxExport,
+  DxLoadPanel,
+  DxPager,
+  DxPaging,
+  DxSearchPanel,
+  DxSelection
 } from 'devextreme-vue/data-grid'
+import { jsPDF } from 'jspdf'
 import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
-import { saveAs } from f
+import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
+import { useQuery } from '@vue/apollo-composable'
 import { queries } from '@/utils/api/api.graphql'
-om 'file-saver'
-im port { useQuery } from '@vue/apollo-composable'
 
 const position = { of: '#data' }
 const showIndicator = ref(true)
@@ -182,18 +182,23 @@ const dataDetail = ref<any>()
 const showDetail = ref(false)
 
 const closeDetail = () => {
-value = false
+  showDetail.value = false
 }
 
 const showData = () => {
-     lue = true
+  showDetail.value = true
 }
 
-const onSelectionChanged = ({ sele    : any)  taDetail.value = sta[0]
+const onSelectionChanged = ({ selectedRowsData }: any) => {
+  dataDetail.value = selectedRowsData[0]
   console.log(selectedRowsData[0])
 }
-    ting = (e: any) => {
-  if (e.format === 'pdf') {     = new      exportToPdf({
+
+const onExporting = (e: any) => {
+  if (e.format === 'pdf') {
+    const doc = new jsPDF()
+
+    exportToPdf({
       jsPDFDocument: doc,
       component: e.component,
       indent: 5
@@ -258,4 +263,3 @@ const filterData = (params: any) => {
 
 const filters = ref()
 </script>
-@/utils/api/graphql