Fixed an error where toFixed() wouldn't round correctly. Added a util function that does a better job (at least for 2 digits precision)

resources/js/components/documents/DocumentTable.vue

@@ -2,7 +2,7 @@
 
 import { computed } from 'vue'
 import { type Invoice } from '@/types'
-import { toLocalDate, toCurrency } from '@/lib/utils'
+import { toLocalDate, toCurrency, toFixedRounded } from '@/lib/utils'
 import { StatusBadge, statusBadgeLabels, statusBadgeTextColor, castToStatusVariant } from '@/components/ui/status-badge'
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '@/components/ui/table'
 
@@ -97,7 +97,7 @@ const totalGross = computed(() => {
 })
 
 const calcTaxes = (amount: number) => {
-    return Number((0.19 * amount).toFixed(2))
+    return toFixedRounded(Number(0.19 * amount), 2)
 }
 
 </script>

resources/js/components/documents/InvoiceDialog.vue

@@ -12,7 +12,7 @@
 import { ref, computed, watch, onMounted, onUpdated, useTemplateRef } from "vue"
 import { Customer, Invoice, Contact, PaymentTerms, Address } from "@/types"
 import { newCustomer, newContact, newBillingData } from '@/types/index.d'
-import { toCurrency, toLocalDate, toShortISOString, cn, calcDueDate } from '@/lib/utils';
+import { toCurrency, toLocalDate, toShortISOString, cn, calcDueDate, toFixedRounded } from '@/lib/utils';
 import axios from 'axios'
 import { type DateValue, DateFormatter, getLocalTimeZone, parseDate, fromDate } from "@internationalized/date"
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog"
@@ -383,8 +383,7 @@ const updateTotalAmount = () => {
 
                         <div class="flex flex-col m-0 items-end gap-0">
                             <span class="text-md text-muted-foreground">{{ toCurrency(invoice.totalAmount) }}</span>
-                            <span class="text-2xl font-bold">{{ toCurrency(Number((invoice.totalAmount *
-                                1.19).toFixed(2))) }}</span>
+                            <span class="text-2xl font-bold">{{ toCurrency(toFixedRounded(Number(invoice.totalAmount * 1.19), 2)) }}</span>
                         </div>
                     </div>