✨ feat (initial-nursing): add initial nursing entry form and preview

app/components/content/initial-nursing/list.vue

@@ -50,6 +50,7 @@ let units = ref<{ value: string; label: string }[]>([])
 const encounterId = ref<number>(props?.encounter?.id || 0)
 const title = ref('')
 const id = route.params.id
+const descData = ref({})
 
 const {
   data,
@@ -68,6 +69,7 @@ const {
       search,
       page,
     })
+    console.log('masukkk', result)
     if (result.success) {
       data.value = result.body.data
     }
@@ -116,6 +118,30 @@ const getMyDetail = async (id: number | string) => {
   }
 }
 
+const mappedData = computed(() => {
+  if (!data.value || data.value.length === 0) return []
+
+  const raw = data.value[0]
+
+  // Pastikan raw.value adalah string JSON
+  let parsed: any = {}
+  try {
+    parsed = JSON.parse(raw.value || '{}')
+  } catch (err) {
+    console.error('JSON parse error:', err)
+    return []
+  }
+
+  // Ambil listProblem
+  const list = parsed.listProblem || []
+  const textData = parsed
+
+  // Untuk keamanan: pastikan selalu array
+  if (!Array.isArray(list)) return []
+
+  return { list, textData }
+})
+
 // Watch for row actions when recId or recAction changes
 watch([recId, recAction], () => {
   switch (recAction.value) {
@@ -149,14 +175,12 @@ onMounted(async () => {
     class="mb-4 xl:mb-5"
   />
 
-  <Preview />
+  <Preview :preview="mappedData.textData" />
 
   <h2 class="my-3 p-1 font-semibold">C. Daftar Masalah Keperawatan</h2>
-  <List
-    :data="data"
-    :pagination-meta="paginationMeta"
-    @page-change="handlePageChange"
-  />
+  <List :data="mappedData.list || []" />
+  <!-- :pagination-meta="paginationMeta" -->
+  <!-- @page-change="handlePageChange" -->
 
   <!-- Record Confirmation Modal -->
   <RecordConfirmation