From 5eda6b53e04c92ab15652e1b0df41a2194ab390f Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sun, 21 Jun 2026 00:32:01 +0700
Subject: [PATCH] refactor: remove duplicate imports and streamline component
 structure in finance pages for improved code organization

---
 resources/js/pages/admin/finance/cash/Index.vue     | 4 ++--
 resources/js/pages/admin/finance/expenses/Index.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/pages/admin/finance/cash/Index.vue b/resources/js/pages/admin/finance/cash/Index.vue
index eb3cb20..28474e5 100644
--- a/resources/js/pages/admin/finance/cash/Index.vue
+++ b/resources/js/pages/admin/finance/cash/Index.vue
@@ -2,6 +2,8 @@
 import { Head } from '@inertiajs/vue3';
 import { ArrowDownCircle, ArrowUpCircle, Wallet } from '@lucide/vue';
 import { computed, ref, watch } from 'vue';
+import CashTransactionFormModal from './form/CashTransactionFormModal.vue';
+import { createColumns } from './table/columns';
 import { DataTable } from '@/components/data-table';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
@@ -10,8 +12,6 @@ import { useDataTableQuery, useDataTableQuerySync } from '@/composables/useDataT
 import AdminLayout from '@/layouts/AdminLayout.vue';
 import type { CashAccount, CashTransactionListItem, PaginatedCashTransactions } from '@/types/cash';
 import type { DataTableFilterDef, DataTableSort } from '@/types/data-table';
-import CashTransactionFormModal from './form/CashTransactionFormModal.vue';
-import { createColumns } from './table/columns';
 
 const props = defineProps<{
     cashAccount: CashAccount;
diff --git a/resources/js/pages/admin/finance/expenses/Index.vue b/resources/js/pages/admin/finance/expenses/Index.vue
index f2c492b..1c46ea9 100644
--- a/resources/js/pages/admin/finance/expenses/Index.vue
+++ b/resources/js/pages/admin/finance/expenses/Index.vue
@@ -2,6 +2,8 @@
 import { Head } from '@inertiajs/vue3';
 import { Plus } from '@lucide/vue';
 import { computed, ref, watch } from 'vue';
+import ExpenseFormModal from './form/ExpenseFormModal.vue';
+import { createColumns } from './table/columns';
 import { DataTable } from '@/components/data-table';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent } from '@/components/ui/card';
@@ -10,8 +12,6 @@ import { useDataTableQuery, useDataTableQuerySync } from '@/composables/useDataT
 import AdminLayout from '@/layouts/AdminLayout.vue';
 import type { DataTableSort } from '@/types/data-table';
 import type { ExpenseListItem, PaginatedExpenses } from '@/types/expense';
-import ExpenseFormModal from './form/ExpenseFormModal.vue';
-import { createColumns } from './table/columns';
 
 const props = defineProps<{
     expenses: PaginatedExpenses;