2. Zwischenstand

frontend/pages/settings/emailaccounts/index.vue

@@ -32,23 +32,23 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
 
 <template>
   <UModal
-    v-model="showEmailAddressModal"
+    v-model:open="showEmailAddressModal"
   >
     <template #content>
       <UCard>
         <template #header>
           E-Mail Adresse
         </template>
-<!--      <UFormGroup
+<!--      <UFormField
         label="E-Mail Adresse:"
       >
 
-      </UFormGroup>-->
+      </UFormField>-->
 
       <UInput
           v-model="createEMailAddress"
       />
-<!--      <UFormGroup
+<!--      <UFormField
         label="Account Typ:"
       >
         <USelectMenu
@@ -57,7 +57,7 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
           value-attribute="key"
           v-model="createEMailType"
         />
-      </UFormGroup>-->
+      </UFormField>-->
         <template #footer>
           <UButton
               @click="createAccount"
@@ -85,9 +85,9 @@ const columns = computed(() => templateColumns.filter((column) => selectedColumn
     :data="items"
     :columns="normalizeTableColumns(columns)"
     class="w-full"
-    @select="(i) => navigateTo(`/settings/emailaccounts/edit/${i.id}`)"
+    :on-select="(i) => navigateTo(`/settings/emailaccounts/edit/${i.id}`)"
     :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
-    :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine E-Mail Konten anzuzeigen' }"
+    :empty="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine E-Mail Konten anzuzeigen' }"
   >
   </UTable>
 </template>