feat(division): restructure division parent

app/components/content/division/list.vue

@@ -50,8 +50,8 @@ const {
     // TODO: use pagination params
     const result = await getDivisions({
       search: params.search,
-      // page: params['page-number'] || 0,
-      page_size: params['page-size'] || 100,
+      'page-number': params['page-number'] || 0,
+      'page-size': params['page-size'] || 100,
       includes: 'parent,childrens',
     })
     return { success: result.success || false, body: result.body || {} }
@@ -118,10 +118,22 @@ watch([recId, recAction], () => {
   }
 })
 
-watch(() => data.value, async () => { 
-  if (!data.value) return
-  divisionsTrees.value = convertDivisionToTreeItems(data.value || [])
-})
+watch(
+  () => data.value,
+  async () => {
+    if (!data.value) return
+    const result = await getDivisions({
+      'page-size': 100,
+      'only-have-children': false,
+      includes: 'parent,childrens',
+    })
+    if (result.success) {
+      const currentData = result.body.data || []
+      console.log(currentData)
+      divisionsTrees.value = convertDivisionToTreeItems(currentData || [])
+    }
+  },
+)
 
 onMounted(async () => {
   await getDivisionList()
@@ -137,7 +149,7 @@ onMounted(async () => {
     class="mb-4 xl:mb-5"
   />
   <AppDivisionList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
-  
+
   <Dialog v-model:open="isFormEntryDialogOpen" :title="!!recItem ? title : 'Tambah Divisi'" size="lg" prevent-outside>
     <AppDivisionEntryForm
       :schema="DivisionSchema"