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/settings/banking/index.vue

@@ -203,7 +203,6 @@ setupPage()
           label: 'Saldo'
         },
       ])"
-      :empty="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Bankkonten anzuzeigen' }"
   >
     <template #expired-cell="{ row }">
       <span v-if="row.original.expired" class="text-error-600">Ausgelaufen</span>
@@ -221,6 +220,9 @@ setupPage()
     <template #iban-cell="{ row }">
       {{ row.original.iban.match(/.{1,5}/g).join(" ") }}
     </template>
+    <template #empty>
+      <TableEmptyState label="Keine Bankkonten anzuzeigen" />
+    </template>
   </UTable>
 
 </template>

frontend/pages/settings/emailaccounts/index.vue

@@ -87,8 +87,10 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
     class="w-full"
     :on-select="(i) => navigateTo(`/settings/emailaccounts/edit/${i.id}`)"
     :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
-    :empty="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine E-Mail Konten anzuzeigen' }"
   >
+    <template #empty>
+      <TableEmptyState label="Keine E-Mail Konten anzuzeigen" />
+    </template>
   </UTable>
 </template>
 

frontend/pages/settings/letterheads.vue

@@ -197,7 +197,6 @@ onMounted(refreshData)
         { key: 'path', label: 'Datei' },
         { key: 'actions', label: '' }
       ])"
-      :empty="{ icon: 'i-heroicons-document', label: 'Keine Briefpapiere gefunden' }"
     >
       <template #name-cell="{ row }">
         <span class="font-medium text-gray-900 dark:text-white">
@@ -260,6 +259,9 @@ onMounted(refreshData)
           </ButtonWithConfirm>
         </div>
       </template>
+      <template #empty>
+        <TableEmptyState label="Keine Briefpapiere gefunden" icon="i-heroicons-document" />
+      </template>
     </UTable>
   </UDashboardPanelContent>
 

frontend/pages/settings/texttemplates.vue

@@ -163,7 +163,6 @@ const getDocLabel = (type) => {
         :data="texttemplates"
         :loading="loading"
         v-model:expand="expand"
-        :empty="{ icon: 'i-heroicons-document-text', label: 'Keine Textvorlagen gefunden' }"
         :columns="normalizeTableColumns([
         { key: 'name', label: 'Bezeichnung' },
         { key: 'documentType', label: 'Verwendung' },
@@ -233,6 +232,9 @@ const getDocLabel = (type) => {
           </div>
         </div>
       </template>
+      <template #empty>
+        <TableEmptyState label="Keine Textvorlagen gefunden" icon="i-heroicons-document-text" />
+      </template>
     </UTable>
   </UDashboardPanelContent>