fix: remove sep

app/components/content/sep/list.vue

@@ -49,7 +49,7 @@ provide('rec_item', recItem)
 provide('table_data_loader', isLoading)
 
 watch(
-  () => recAction.value,
+  [recId, recAction],
   () => {
     if (recAction.value === 'showConfirmDel') {
       open.value = true
@@ -147,7 +147,10 @@ onMounted(() => {
           <p><strong>Nama Pasien:</strong> {{ sepData.patientName }}</p>
         </div>
         <DialogFooter class="mt-6 flex justify-end gap-3">
-          <Button variant="outline" class="border-green-600 text-green-600 hover:bg-green-50" @click="handleRemove">
+          <Button variant="outline" class="border-green-600 text-green-600 hover:bg-green-50" @click="() => {
+            recId = 0
+            open = false
+          }">
             <X class="mr-1 h-4 w-4" />
             Tidak
           </Button>

app/handlers/integration-sep-list.handler.ts

@@ -1,4 +1,4 @@
-import { ref, reactive, watch } from 'vue'
+import { ref, reactive } from 'vue'
 // Components
 import { toast } from '~/components/pub/ui/toast'
 // Types
@@ -220,7 +220,6 @@ export function useIntegrationSepList() {
   }
 
   const handlePageChange = (page: number) => {
-    // kept for compatibility
     console.log('pageChange', page)
   }
 
@@ -249,6 +248,7 @@ export function useIntegrationSepList() {
         variant: 'destructive',
       })
     } finally {
+      recId.value = 0
       open.value = false
     }
   }