feat(medicine-group): refactor + integrate

app/components/content/medicine-method/list.vue

@@ -51,7 +51,7 @@ const {
 })
 
 const headerPrep: HeaderPrep = {
-  title: 'Metode Pemberian',
+  title: 'Metode Obat',
   icon: 'i-lucide-medicine-bottle',
   refSearchNav: {
     placeholder: 'Cari (min. 3 karakter)...',
@@ -79,26 +79,25 @@ provide('rec_action', recAction)
 provide('rec_item', recItem)
 provide('table_data_loader', isLoading)
 
+const getCurrentMedicineMethodDetail = async (id: number | string) => {
+  const result = await getMedicineMethodDetail(id)
+  if (result.success) {
+    const currentMaterial = result.body?.data || {}
+    recItem.value = currentMaterial
+    isFormEntryDialogOpen.value = true
+  }
+}
+
 // Watch for row actions when recId or recAction changes
 watch([recId, recAction], () => {
   switch (recAction.value) {
     case ActionEvents.showDetail:
-      getMedicineMethodDetail(recId.value).then((result) => {
-        if (result.success) {
-          recItem.value = result.body?.data || {}
-          isFormEntryDialogOpen.value = true
-        }
-      })
+      getCurrentMedicineMethodDetail(recId.value)
       title.value = 'Detail Metode Obat'
       isReadonly.value = true
       break
     case ActionEvents.showEdit:
-      getMedicineMethodDetail(recId.value).then((result) => {
-        if (result.success) {
-          recItem.value = result.body?.data || {}
-          isFormEntryDialogOpen.value = true
-        }
-      })
+      getCurrentMedicineMethodDetail(recId.value)
       title.value = 'Edit Metode Obat'
       isReadonly.value = false
       break