diff --git a/resources/js/pages/Invoices.vue b/resources/js/pages/Invoices.vue index ee662a4..22622f8 100644 --- a/resources/js/pages/Invoices.vue +++ b/resources/js/pages/Invoices.vue @@ -19,6 +19,7 @@ import { testToast } from '@/lib/utils' import SelectSeparator from '@/components/ui/select/SelectSeparator.vue' import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip' import { Kbd, KbdGroup } from '@/components/ui/kbd' +import { statusBadgeLabels } from '@/components/ui/status-badge' const breadcrumbs: BreadcrumbItem[] = [{ title: 'Rechnungsstellung', @@ -68,8 +69,16 @@ const years = computed((): number[] => { const fuse = computed(() => { const options = { - keys: ['customer.companyName', 'paymentStatus', 'title', 'nr'], - threshold: 0.4, + keys: [ + 'customer.companyName', + { + name: 'paymentStatus', + getFn: (invoice: Invoice) => statusBadgeLabels[invoice.paymentStatus] || invoice.paymentStatus + }, + 'title', + 'nr' + ], + threshold: 0.3, } return new Fuse(invoicesData.value, options);