KI-AGENT: Tabellen-Empty-States ohne JSON rendern

Ersetzt ungültige UTable-Empty-Props durch einen gemeinsamen Empty-State-Slot, damit leere Tabellen keine Objekt-/JSON-Ausgabe mehr anzeigen.

frontend/pages/createDocument/serialInvoice.vue

@@ -98,7 +98,6 @@
       class="w-full"
       :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
       :on-select="(row) => router.push(`/createDocument/edit/${row.original?.id || row.id}`)"
-      empty="Keine Belege anzuzeigen"
   >
     <template #actions-cell="{ row }">
       <div @click.stop>
@@ -137,6 +136,9 @@
       <span v-if="row.original.payment_type === 'transfer'">Überweisung</span>
       <span v-else-if="row.original.payment_type === 'direct-debit'">SEPA - Einzug</span>
     </template>
+    <template #empty>
+      <TableEmptyState label="Keine Belege anzuzeigen" />
+    </template>
   </UTable>
 
   <UModal v-model:open="showExecutionModal" :ui="{ width: 'sm:max-w-4xl' }">
@@ -211,7 +213,6 @@
               :get-row-id="(row) => row.id"
               :ui="{ th: { base: 'whitespace-nowrap' } }"
               :on-select="toggleExecutionRow"
-              :empty="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Belege anzuzeigen' }"
           >
             <template #select-header="{ table }">
               <div class="flex justify-center" @click.stop>
@@ -244,6 +245,9 @@
             <template #plant-cell="{row}">
               {{ row.original.plant?.name || "-" }}
             </template>
+            <template #empty>
+              <TableEmptyState label="Keine Belege anzuzeigen" />
+            </template>
           </UTable>
         </div>