fix: dashboard

app/Http/Controllers/DashboardController.php

 use App\Models\TypeMember;
 use App\Models\TypeVehicle;
 use App\Services\MutationService;
-use App\Services\TopUpService;
 use Carbon\Carbon;
 use Illuminate\Http\Request;
 
                     'data' => (new MutationService)->statistic($mutation),
                 ],
             ],
-            'barHorizontalStatistics' => [
-                [
-                    'title' => __('words.top_up_rank'),
-                    'description' => __('words.top_up_number_rank', ['number' => 5]),
-                    'data' => (new TopUpService)->topUpRank($topUp),
-                ],
-            ],
         ]);
     }
 }

app/Services/TopUpService.php

 
 class TopUpService extends CurrencyFormatService
 {
-    public function topUpRank(EloquentCollection $collections, int $take = 5)
+    public function topStatistic(EloquentCollection $collections, int $take = 5)
     {
         return $collections
             ->transform(fn($collects) => [[
-                'name' => $collects->first()->member->name,
-                'phone' => $collects->first()->member->phone,
-                'amount' => $collects->sum(fn($collect) => $collect->getRawOriginal('amount')),
+                'label1' => $collects->first()->member->name,
+                'label2' => $collects->first()->member->phone,
+                'data' => $collects->sum(fn($collect) => $collect->getRawOriginal('amount')),
             ]])
             ->sortByDesc('amount')
             ->take($take)

public/js/vue.js

 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_auth_ForgotPassword_vue":"5b9f0529bda25a9b","resources_js_pages_auth_Login_vue":"61b9c9ae1ae9da32","resources_js_pages_auth_ResetPassword_vue":"b091193a1e114ce8","resources_js_pages_auth_VerifyEmail_vue":"d9853eae0a0235f2","resources_js_pages_expense_Create_vue":"310e7d98ea6b356a","resources_js_pages_expense_Index_vue":"bc7ec2fb070cf568","resources_js_pages_expense_Show_vue":"877a19596ee241b4","resources_js_pages_expense_TableHeader_js":"eed3f0613f167cfd","resources_js_pages_home_Index_vue":"4a180c0ce9438466","resources_js_pages_member_Create_vue":"838296974c6b4913","resources_js_pages_member_Edit_vue":"bc2c701451f6a653","resources_js_pages_member_Index_vue":"caaaba41d56c9f67","resources_js_pages_member_TableHeader_js":"51dbf053f7ddd45c","resources_js_pages_mutation_Report_vue":"6e9122d512297940","resources_js_pages_mutation_TableHeader_js":"7822e888aa3c52fc","resources_js_pages_topup_Create_vue":"958203b0038681b5","resources_js_pages_topup_Index_vue":"ccfe12c579a19810","resources_js_pages_topup_Show_vue":"4d5dea1719d4048e","resources_js_pages_topup_TableHeader_js":"601b7c0a855ce64e","resources_js_pages_typemember_Create_vue":"5bba3a97069a1889","resources_js_pages_typemember_Edit_vue":"8ab79ae9735ce84f","resources_js_pages_typemember_Index_vue":"37e8f6153840325d","resources_js_pages_typemember_TableHeader_js":"ac1d31a59f8d464e","resources_js_pages_typevehicle_Create_vue":"4799ba8b5384d9a3","resources_js_pages_typevehicle_Edit_vue":"1ec4ba3e7994e2bc","resources_js_pages_typevehicle_Index_vue":"69ab68f9968f9aff","resources_js_pages_typevehicle_TableHeader_js":"a40378918fbe74e1","resources_js_pages_user_Create_vue":"ed7565eb901e854c","resources_js_pages_user_Edit_vue":"4948ac292320388a","resources_js_pages_user_Index_vue":"552950b60f6dbb1b","resources_js_pages_user_Show_vue":"1d1d7702785d1470","resources_js_pages_user_TableHeader_js":"0d87fd422fe40491"}[chunkId] + "";
+/******/ 			return "js/" + chunkId + ".js?id=" + {"node_modules_chart_js_auto_auto_esm_js":"10c6b388645ceb22","resources_js_pages_auth_ForgotPassword_vue":"5b9f0529bda25a9b","resources_js_pages_auth_Login_vue":"61b9c9ae1ae9da32","resources_js_pages_auth_ResetPassword_vue":"b091193a1e114ce8","resources_js_pages_auth_VerifyEmail_vue":"d9853eae0a0235f2","resources_js_pages_expense_Create_vue":"310e7d98ea6b356a","resources_js_pages_expense_Index_vue":"bc7ec2fb070cf568","resources_js_pages_expense_Show_vue":"877a19596ee241b4","resources_js_pages_expense_TableHeader_js":"eed3f0613f167cfd","resources_js_pages_home_Index_vue":"cdaa7918da506f4a","resources_js_pages_member_Create_vue":"838296974c6b4913","resources_js_pages_member_Edit_vue":"bc2c701451f6a653","resources_js_pages_member_Index_vue":"caaaba41d56c9f67","resources_js_pages_member_TableHeader_js":"51dbf053f7ddd45c","resources_js_pages_mutation_Report_vue":"6e9122d512297940","resources_js_pages_mutation_TableHeader_js":"7822e888aa3c52fc","resources_js_pages_topup_Create_vue":"958203b0038681b5","resources_js_pages_topup_Index_vue":"ccfe12c579a19810","resources_js_pages_topup_Show_vue":"4d5dea1719d4048e","resources_js_pages_topup_TableHeader_js":"601b7c0a855ce64e","resources_js_pages_typemember_Create_vue":"5bba3a97069a1889","resources_js_pages_typemember_Edit_vue":"8ab79ae9735ce84f","resources_js_pages_typemember_Index_vue":"37e8f6153840325d","resources_js_pages_typemember_TableHeader_js":"ac1d31a59f8d464e","resources_js_pages_typevehicle_Create_vue":"4799ba8b5384d9a3","resources_js_pages_typevehicle_Edit_vue":"1ec4ba3e7994e2bc","resources_js_pages_typevehicle_Index_vue":"69ab68f9968f9aff","resources_js_pages_typevehicle_TableHeader_js":"a40378918fbe74e1","resources_js_pages_user_Create_vue":"ed7565eb901e854c","resources_js_pages_user_Edit_vue":"4948ac292320388a","resources_js_pages_user_Index_vue":"552950b60f6dbb1b","resources_js_pages_user_Show_vue":"1d1d7702785d1470","resources_js_pages_user_TableHeader_js":"0d87fd422fe40491"}[chunkId] + "";
 /******/ 		};
 /******/ 	})();
 /******/ 	

resources/js/pages/home/Index.vue

 <script setup>
 import { Head } from '@inertiajs/inertia-vue3'
-import { orderBy } from 'lodash'
 import AppCardStatistic from '@/components/AppCardStatistic.vue'
 import AppLayout from '@/layouts/AppLayout.vue'
 
 }
 
 const barHorizontalChart = (chartData) => {
-  // const data = {
-  //   datasets: [],
-  // }
-
-  // let id = 0
-  // for (const key in chartData) {
-  //   data.datasets.push({
-  //     label: key,
-  //     backgroundColor: colors[id],
-  //     data: chartData[key],
-  //   })
-
-  //   id++
-  // }
-
-  // return data
-
   const labels = []
   const data = []
 
-  for (const chartData of chartData) {
-    labels.push([chartData.phone, chartData.name])
-    data.push(chartData.amount)
+  for (const obj of chartData) {
+    labels.push([obj.label1, obj.label2])
+    data.push(obj.data)
   }
 
   return {
         </Card>
       </div>
 
-      <!-- <div v-for="pieStatistic in pieStatistics" class="col-12 md:col-6">
+      <div v-for="pieStatistic in pieStatistics" class="col-12 md:col-6">
         <Card>
           <template #title>
             <div class="flex flex-column">
             />
           </template>
         </Card>
-      </div> -->
+      </div>
     </div>
   </AppLayout>
 </template>