transaction list api

src/pages/Ledgers.vue

@@ -1,19 +1,26 @@
 <script setup lang="ts">
 import {RouterView} from 'vue-router';
-import {CreateLedgerModal} from "@/ledger";
+import {EditLedgerModal, useLedgersStore} from "@/ledger";
 import {ref} from "vue";
 import {processingApi} from "@/mammon";
 
-const createLedgerModal = ref<typeof CreateLedgerModal>();
+const {refresh} = useLedgersStore();
+
+const editLedgerModal = ref<typeof EditLedgerModal>();
+
+const processActivities = async () => {
+  await processingApi.processNewActivities();
+  await refresh();
+}
 </script>
 
 <template>
     <div class="mt-4">
       <div class="mb-4 border-b-1 flex justify-end">
-        <button class="mb-2 ms-2" @click="processingApi.processNewActivities()">Process Activities</button>
-        <button class="mb-2 ms-2" @click="createLedgerModal?.open()">New Ledger</button>
+        <button class="mb-2 ms-2" @click="processActivities">Process Activities</button>
+        <button class="mb-2 ms-2" @click="editLedgerModal?.open()">New Ledger</button>
       </div>
-      <CreateLedgerModal ref="createLedgerModal" />
+      <EditLedgerModal ref="editLedgerModal" />
       <RouterView />
     </div>
 </template>