Refactor dialogDetail variable names in Vue components

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

@@ -174,25 +174,25 @@
       />
 
       <template #cellCenter="{ data }">
-        <p class="cursor-pointer" @click="showData()">
+        <p class="cursor-pointer" @click="showDetail()">
           {{ data.text }}
         </p>
       </template>
 
       <template #formatText="{ data }">
-        <p class="text-left cursor-pointer" @click="showData()">
+        <p class="text-left cursor-pointer" @click="showDetail()">
           {{ data.text }}
         </p>
       </template>
 
       <template #formatNumber="{ data }">
-        <p class="text-right cursor-pointer" @click="showData()">
+        <p class="text-right cursor-pointer" @click="showDetail()">
           {{ isNumber(data.text) ? formatNumber(data.text) : data.text }}
         </p>
       </template>
 
       <template #formatTime="{ data }">
-        <p class="cursor-pointer !text-right" @click="showData()">
+        <p class="cursor-pointer !text-right" @click="showDetail()">
           {{ parseInt(data.text) ? formatWaktu(data.text) : '-' }}
         </p>
       </template>
@@ -200,9 +200,9 @@
   </div>
 
   <DetailDialog
-    :open="showDetail"
+    :open="dialogDetail"
     title="Daftar Gangguan Melapor Lebih Dari 1 Kali"
-    @on-close="closeDetail"
+    @on-close="closeDialog"
   >
     <div class="w-full p-4 space-y-2 bg-white rounded-xl">
       <div class="flex flex-row items-center justify-between w-full">
@@ -337,7 +337,7 @@ const shading = ref(true)
 const showPane = ref(true)
 const data = ref<any[]>([])
 const dataDetail = ref<any>({})
-const showDetail = ref(false)
+const dialogDetail = ref(false)
 const filters = ref()
 const reportMeta = ref({
   uid: { id: 0, name: 'Semua Unit Induk Distribusi/Wilayah' },
@@ -353,9 +353,9 @@ const onSelectionChanged = ({ selectedRowsData }: any) => {
   dataDetail.value = data
 }
 
-const showData = () => (showDetail.value = true)
+const showDetail = () => (dialogDetail.value = true)
 
-const closeDetail = () => (showDetail.value = false)
+const closeDialog = () => (dialogDetail.value = false)
 
 const { onResult, onError, loading, refetch } = useQuery(
   queries.gangguan.daftar.melaporLebihDariSatuKali,