Introduced useSum Composable

composables/useSum.js

@@ -0,0 +1,21 @@
+
+export const useSum = () => {
+
+    const getIncomingInvoiceSum = (invoice) => {
+        let sum = 0
+        invoice.accounts.forEach(account => {
+             console.log(account)
+
+
+            sum += account.amountTax
+            sum += account.amountNet
+
+
+
+        })
+        return sum.toFixed(2)
+    }
+
+    return {getIncomingInvoiceSum}
+
+}

pages/incomingInvoices/index.vue

@@ -1,5 +1,6 @@
 <script setup>
 import dayjs from "dayjs"
+import {useSum} from "~/composables/useSum.js";
 definePageMeta({
   middleware: "auth"
 })
@@ -38,6 +39,8 @@ defineShortcuts({
 const dataStore = useDataStore()
 const router = useRouter()
 
+const sum = useSum()
+
 const items = ref([])
 const selectedItem = ref(0)
 
@@ -169,7 +172,7 @@ const isPaid = (item) => {
         {{row.vendor ? row.vendor.name : ""}}
       </template>
       <template #amount-data="{row}">
-        {{displayCurrency(getInvoiceSum(row))}}
+        {{displayCurrency(sum.getIncomingInvoiceSum(row))}}
       </template>
       <template #dueDate-data="{row}">
         {{dayjs(row.dueDate).format("DD.MM.YYYY")}}