2. Zwischenstand

frontend/pages/support/index.vue

@@ -59,13 +59,13 @@ const filteredRows = computed(() => {
       />
       <USelectMenu
           v-if="profileStore.currentTenant === 5"
-        :ui-menu="{ width: 'min-w-max' }"
-        :options="tenants"
-        option-attribute="name"
-        value-attribute="id"
+        :content="{ width: 'min-w-max' }"
+        :items="tenants"
+        label-key="name"
+        value-key="id"
         v-model="selectedTenant"
       >
-        <template #label>
+        <template #default>
           {{selectedTenant ? tenants.find(i => i.id === selectedTenant).name : "Nicht nach Tenant filtern"}}
         </template>
       </USelectMenu>
@@ -73,25 +73,25 @@ const filteredRows = computed(() => {
   </UDashboardToolbar>
   <UTable
     :data="filteredRows"
-    :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: `Keine Tickets anzuzeigen` }"
-    @select="(i) => router.push(`/support/${i.id}`)"
+    :empty="{ icon: 'i-heroicons-circle-stack-20-solid', label: `Keine Tickets anzuzeigen` }"
+    :on-select="(i) => router.push(`/support/${i.id}`)"
     :columns="normalizeTableColumns([{key:'created_at',label:'Datum'}, ...profileStore.currentTenant === 5 ? [{key:'tenant',label:'Tenant'}] : [],{key:'status',label:'Status'},{key:'title',label:'Titel'},{key:'created_by',label:'Ersteller'},{key:'ticketmessages',label:'Nachrichten'}])"
   >
-    <template #tenant-data="{ row }">
-     {{row.tenant.name}}
+    <template #tenant-cell="{ row }">
+     {{row.original.tenant.name}}
     </template>
-    <template #status-data="{ row }">
-     <span v-if="row.status === 'Offen'" class="text-yellow-500">Offen</span>
-     <span v-else-if="row.status === 'Geschlossen'" class="text-primary">Geschlossen</span>
+    <template #status-cell="{ row }">
+     <span v-if="row.original.status === 'Offen'" class="text-yellow-500">Offen</span>
+     <span v-else-if="row.original.status === 'Geschlossen'" class="text-primary">Geschlossen</span>
     </template>
-    <template #created_by-data="{ row }">
-     {{row.created_by.fullName}}
+    <template #created_by-cell="{ row }">
+     {{row.original.created_by.fullName}}
     </template>
-    <template #created_at-data="{ row }">
-     {{dayjs(row.created_at).format('DD.MM.YYYY HH:mm')}}
+    <template #created_at-cell="{ row }">
+     {{dayjs(row.original.created_at).format('DD.MM.YYYY HH:mm')}}
     </template>
-    <template #ticketmessages-data="{ row }">
-     {{row.ticketmessages.length}}
+    <template #ticketmessages-cell="{ row }">
+     {{row.original.ticketmessages.length}}
     </template>
   </UTable>
 </template>