diff --git a/dashboard/package-lock.json b/dashboard/package-lock.json
index aa10f5ad5..317bc3b5e 100644
--- a/dashboard/package-lock.json
+++ b/dashboard/package-lock.json
@@ -6,7 +6,7 @@
   "packages": {
     "": {
       "dependencies": {
-        "@cloudron/pankow": "^3.7.0",
+        "@cloudron/pankow": "^4.0.0",
         "@fontsource/inter": "^5.2.8",
         "@fortawesome/fontawesome-free": "^7.1.0",
         "@vitejs/plugin-vue": "^6.0.4",
@@ -92,13 +92,13 @@
       }
     },
     "node_modules/@cloudron/pankow": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-3.7.0.tgz",
-      "integrity": "sha512-HIa2xAJdHNttie6DRADPKfxhlx91VZ+AU7YFe6Tc3zlx6cI6aTCyb+uow+w2XYUlllU9g6EkR1dGrPgVhM2ViQ==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-4.0.0.tgz",
+      "integrity": "sha512-3jRSI8sb0QpaJ3bWNvPLj5+P/p0grEglcvPwgaCVmYJk3EhVXNfVtuVFZPY7cecxqBfGf6e6tqsUCu/3W/DGxQ==",
       "license": "ISC",
       "dependencies": {
         "@fontsource/inter": "^5.2.8",
-        "@fortawesome/fontawesome-free": "^7.1.0",
+        "@fortawesome/fontawesome-free": "^7.2.0",
         "filesize": "^11.0.13",
         "monaco-editor": "^0.55.1",
         "online-3d-viewer": "^0.18.0"
@@ -663,9 +663,9 @@
       }
     },
     "node_modules/@fortawesome/fontawesome-free": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-7.1.0.tgz",
-      "integrity": "sha512-+WxNld5ZCJHvPQCr/GnzCTVREyStrAJjisUPtUxG5ngDA8TMlPnKp6dddlTpai4+1GNmltAeuk1hJEkBohwZYA==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-7.2.0.tgz",
+      "integrity": "sha512-3DguDv/oUE+7vjMeTSOjCSG+KeawgVQOHrKRnvUuqYh1mfArrh7s+s8hXW3e4RerBA1+Wh+hBqf8sJNpqNrBWg==",
       "license": "(CC-BY-4.0 AND OFL-1.1 AND MIT)",
       "engines": {
         "node": ">=6"
@@ -3277,12 +3277,12 @@
       }
     },
     "@cloudron/pankow": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-3.7.0.tgz",
-      "integrity": "sha512-HIa2xAJdHNttie6DRADPKfxhlx91VZ+AU7YFe6Tc3zlx6cI6aTCyb+uow+w2XYUlllU9g6EkR1dGrPgVhM2ViQ==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@cloudron/pankow/-/pankow-4.0.0.tgz",
+      "integrity": "sha512-3jRSI8sb0QpaJ3bWNvPLj5+P/p0grEglcvPwgaCVmYJk3EhVXNfVtuVFZPY7cecxqBfGf6e6tqsUCu/3W/DGxQ==",
       "requires": {
         "@fontsource/inter": "^5.2.8",
-        "@fortawesome/fontawesome-free": "^7.1.0",
+        "@fortawesome/fontawesome-free": "^7.2.0",
         "filesize": "^11.0.13",
         "monaco-editor": "^0.55.1",
         "online-3d-viewer": "^0.18.0"
@@ -3531,9 +3531,9 @@
       "integrity": "sha512-P6r5WnJoKiNVV+zvW2xM13gNdFhAEpQ9dQJHt3naLvfg+LkF2ldgSLiF4T41lf1SQCM9QmkqPTn4TH568IRagg=="
     },
     "@fortawesome/fontawesome-free": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-7.1.0.tgz",
-      "integrity": "sha512-+WxNld5ZCJHvPQCr/GnzCTVREyStrAJjisUPtUxG5ngDA8TMlPnKp6dddlTpai4+1GNmltAeuk1hJEkBohwZYA=="
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-7.2.0.tgz",
+      "integrity": "sha512-3DguDv/oUE+7vjMeTSOjCSG+KeawgVQOHrKRnvUuqYh1mfArrh7s+s8hXW3e4RerBA1+Wh+hBqf8sJNpqNrBWg=="
     },
     "@humanfs/core": {
       "version": "0.19.1",
diff --git a/dashboard/package.json b/dashboard/package.json
index c9df03b19..51594946c 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -7,7 +7,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@cloudron/pankow": "^3.7.0",
+    "@cloudron/pankow": "^4.0.0",
     "@fontsource/inter": "^5.2.8",
     "@fortawesome/fontawesome-free": "^7.1.0",
     "@vitejs/plugin-vue": "^6.0.4",
diff --git a/dashboard/src/components/ApiTokens.vue b/dashboard/src/components/ApiTokens.vue
index 8b6abd9ee..e25e2684a 100644
--- a/dashboard/src/components/ApiTokens.vue
+++ b/dashboard/src/components/ApiTokens.vue
@@ -185,19 +185,19 @@ onMounted(async () => {
       <br/>
 
       <TableView :columns="columns" :model="apiTokens" :placeholder="$t('profile.apiTokens.noTokensPlaceholder')">
-        <template #lastUsedTime="apiToken">
+        <template #lastUsedTime="{ item:apiToken }">
           <span v-if="apiToken.lastUsedTime">{{ prettyLongDate(apiToken.lastUsedTime) }}</span>
           <span v-else>{{ $t('profile.apiTokens.neverUsed') }}</span>
         </template>
-        <template #scope="apiToken">
+        <template #scope="{ item:apiToken }">
           <span v-if="apiToken.scope['*'] === 'rw'">{{ $t('profile.apiTokens.readwrite') }}</span>
           <span v-else>{{ $t('profile.apiTokens.readonly') }}</span>
         </template>
-        <template #allowedIpRanges="apiToken">
+        <template #allowedIpRanges="{ item:apiToken }">
           <span v-if="apiToken.allowedIpRanges !== ''">{{ apiToken.allowedIpRanges }}</span>
           <span v-else>{{ '*' }}</span>
         </template>
-        <template #actions="apiToken">
+        <template #actions="{ item:apiToken }">
           <ActionBar :actions="createActionMenu(apiToken)" />
         </template>
       </TableView>
diff --git a/dashboard/src/components/AppPasswords.vue b/dashboard/src/components/AppPasswords.vue
index 523c2abbe..335e1635e 100644
--- a/dashboard/src/components/AppPasswords.vue
+++ b/dashboard/src/components/AppPasswords.vue
@@ -243,14 +243,14 @@ onMounted(async () => {
       <br/>
 
       <TableView :columns="columns" :model="passwords" :placeholder="$t('profile.appPasswords.noPasswordsPlaceholder')">
-        <template #name="password"><span :class="{ 'text-muted': password.expired }">{{ password.name }}</span></template>
-        <template #label="password"><span :class="{ 'text-muted': password.expired }">{{ password.label }}</span></template>
-        <template #creationTime="password"><span :class="{ 'text-muted': password.expired }">{{ prettyLongDate(password.creationTime) }}</span></template>
-        <template #expiresAt="password">
+        <template #name="{ item:password }"><span :class="{ 'text-muted': password.expired }">{{ password.name }}</span></template>
+        <template #label="{ item:password }"><span :class="{ 'text-muted': password.expired }">{{ password.label }}</span></template>
+        <template #creationTime="{ item:password }"><span :class="{ 'text-muted': password.expired }">{{ prettyLongDate(password.creationTime) }}</span></template>
+        <template #expiresAt="{ item:password }">
           <span :class="{ 'text-muted': password.expired }" v-if="!password.expiresAt">-</span>
           <span :class="{ 'text-muted': password.expired }" v-else>{{ prettyLongDate(password.expiresAt) }}</span>
         </template>
-        <template #actions="password">
+        <template #actions="{ item:password }">
           <ActionBar :actions="createActionMenu(password)" />
         </template>
       </TableView>
diff --git a/dashboard/src/components/BackupInfoDialog.vue b/dashboard/src/components/BackupInfoDialog.vue
index d0395f5c7..541aecca6 100644
--- a/dashboard/src/components/BackupInfoDialog.vue
+++ b/dashboard/src/components/BackupInfoDialog.vue
@@ -147,17 +147,17 @@ defineExpose({
 
     <div v-if="backup.type === 'box'">
       <TableView :columns="backupContentTableColumns" :model="backup.contents" :busy="busy">
-        <template #label="content">
+        <template #label="{ item:content }">
           <a v-if="content.id === 'mail'" href="/#/mailboxes">{{ content.label }}</a>
           <a v-else-if="content.fqdn" :href="`/#/app/${content.id}/backups`">{{ content.label || content.fqdn }}</a>
           <a v-else :href="`/#/system-eventlog?search=${content.id}`">{{ content.id }}</a>
         </template>
-        <template #fileCount="content">
+        <template #fileCount="{ item:content }">
           <div v-if="content.stats?.upload" style="text-align: right">{{ content.stats.upload.fileCount }}</div>
           <div v-else style="text-align: right">-</div>
         </template>
         <!-- <td>{{ prettyDuration(content.stats.upload.duration | content.stats.copy.duration) }}</td> -->
-        <template #size="content">
+        <template #size="{ item:content }">
           <div v-if="content.stats?.upload" style="text-align: right">{{ prettyFileSize(content.stats.upload.size) }}</div>
           <div v-else style="text-align: right">-</div>
         </template>
diff --git a/dashboard/src/components/DockerRegistries.vue b/dashboard/src/components/DockerRegistries.vue
index 7a5438d18..fca579185 100644
--- a/dashboard/src/components/DockerRegistries.vue
+++ b/dashboard/src/components/DockerRegistries.vue
@@ -104,7 +104,7 @@ onMounted(async () => {
     <br/>
 
     <TableView :columns="columns" :model="registries" :busy="busy" :placeholder="$t('dockerRegistries.emptyPlaceholder')">
-      <template #actions="registry">
+      <template #actions="{ item:registry }">
         <ActionBar :actions="createActionMenu(registry)"/>
       </template>
     </TableView>
diff --git a/dashboard/src/components/SystemBackupList.vue b/dashboard/src/components/SystemBackupList.vue
index b89a11596..750c8b253 100644
--- a/dashboard/src/components/SystemBackupList.vue
+++ b/dashboard/src/components/SystemBackupList.vue
@@ -272,7 +272,7 @@ defineExpose({ refresh });
     </template>
 
     <TableView :columns="columns" :model="backups" :busy="busy" :placeholder="$t('backups.listing.noBackups')">
-      <template #creationTime="backup">
+      <template #creationTime="{ item:backup }">
         <div>
           <span>{{ prettyLongDate(backup.creationTime) }}</span>
           <span v-if="backup.label">&nbsp;<b>{{ backup.label }}</b></span>
@@ -280,18 +280,18 @@ defineExpose({ refresh });
         </div>
       </template>
 
-      <template #content="backup">
+      <template #content="{ item:backup }">
         <span v-if="backup.appCount">{{ $t('backups.listing.appCount', { appCount: backup.appCount }) }}</span>
         <span v-else>{{ $t('backups.listing.noApps') }}</span>
       </template>
 
-      <template #size="backup">
+      <template #size="{ item:backup }">
         <span v-if="backup.stats?.aggregatedUpload">{{ prettyFileSize(backup.stats.aggregatedUpload.size) }} | {{ backup.stats.aggregatedUpload.fileCount }} file(s)</span>
       </template>
 
-      <template #site="backup">{{ backup.site.name }}</template>
+      <template #site="{ item:backup }">{{ backup.site.name }}</template>
 
-      <template #actions="backup">
+      <template #actions="{ item:backup }">
         <ActionBar :actions="createActionMenu(backup)"/>
       </template>
     </TableView>
diff --git a/dashboard/src/components/app/Backups.vue b/dashboard/src/components/app/Backups.vue
index 302067225..589cd4d1d 100644
--- a/dashboard/src/components/app/Backups.vue
+++ b/dashboard/src/components/app/Backups.vue
@@ -61,6 +61,8 @@ const columns = ref({
   }
 });
 
+const accessLevel = props.app.accessLevel;
+
 function createActionMenu(backup) {
   return [{
     icon: 'fa-solid fa-info',
@@ -69,27 +71,27 @@ function createActionMenu(backup) {
   }, {
     icon: 'fa-solid fa-pencil-alt',
     label: t('main.action.edit'),
-    visible: props.app.accessLevel === 'admin',
+    visible: accessLevel === 'admin',
     action: onEdit.bind(null, backup),
   }, {
     separator: true,
   }, {
     icon: 'fa-solid fa-download',
     label: t('app.backups.backups.downloadBackupTooltip'),
-    visible: backup.site.format === 'tgz' && props.app.accessLevel === 'admin',
+    visible: backup.site.format === 'tgz' && accessLevel === 'admin',
     href: getDownloadLink(backup),
   }, {
     icon: 'fa-solid fa-file-alt',
     label: t('app.backups.backups.downloadConfigTooltip'),
-    visible: props.app.accessLevel === 'admin',
+    visible: accessLevel === 'admin',
     action: onDownloadConfig.bind(null, backup),
   },  {
     separator: true,
-    visible: props.app.accessLevel === 'admin',
+    visible: accessLevel === 'admin',
   }, {
     icon: 'fa-solid fa-clone',
     label: t('app.backups.backups.cloneTooltip'),
-    visible: props.app.accessLevel === 'admin',
+    visible: accessLevel === 'admin',
     action: onClone.bind(null, backup),
   }, {
     icon: 'fa-solid fa-history',
@@ -102,7 +104,7 @@ function createActionMenu(backup) {
   }, {
     icon: 'fa-solid fa-key',
     label: backup.integrityCheckTaskId ? t('backups.stopIntegrity') : t('backups.checkIntegrity'),
-    visible: props.app.accessLevel === 'admin',
+    visible: accessLevel === 'admin',
     action: backup.integrityCheckTaskId ? onStopIntegrityCheck.bind(null, backup) : onStartIntegrityCheck.bind(null, backup),
   }];
 }
@@ -431,29 +433,29 @@ onUnmounted(() => {
     <br/>
 
     <TableView :model="backups" :columns="columns" :busy="busy" :placeholder="$t('backups.listing.noBackups')" style="max-height: 400px;" >
-      <template #creationTime="backup">
+      <template #creationTime="{ item }">
         <div>
-          <span>{{ prettyLongDate(backup.creationTime) }}</span>
-          <span v-if="backup.label">&nbsp;<b>{{ backup.label }}</b></span>
-          <span>&nbsp;<i class="fa-solid fa-thumbtack text-muted" v-show="backup.preserveSecs === -1" v-tooltip="$t('backups.listing.tooltipPreservedBackup')"></i></span>
+          <span>{{ prettyLongDate(item.creationTime) }}</span>
+          <span v-if="item.label">&nbsp;<b>{{ item.label }}</b></span>
+          <span>&nbsp;<i class="fa-solid fa-thumbtack text-muted" v-show="item.preserveSecs === -1" v-tooltip="$t('backups.listing.tooltipPreservedBackup')"></i></span>
         </div>
       </template>
-      <template #site="backup">
-        {{ backup.site.name }}
+      <template #site="{ item }">
+        {{ item.site.name }}
       </template>
-      <template #size="backup">
-        <span v-if="backup.stats?.upload">{{ prettyFileSize(backup.stats.upload.size) }} - {{ backup.stats.upload.fileCount }} file(s)</span>
+      <template #size="{ item }">
+        <span v-if="item.stats?.upload">{{ prettyFileSize(item.stats.upload.size) }} - {{ item.stats.upload.fileCount }} file(s)</span>
       </template>
-      <template #integrity="backup">
-        <Spinner v-if="backup.integrityCheckTaskId && integrityTasks[backup.integrityCheckTaskId]" style="min-width: 0;"/>
-        <div v-else-if="backup.lastIntegrityCheckTime" style="display: flex; align-items: center;">
-          <i v-if="backup.integrityCheckStatus === 'passed'" class="fa-solid fa-check-circle" v-tooltip="prettyLongDate(backup.lastIntegrityCheckTime)"></i>
-          <i v-else class="fa-solid fa-times-circle" v-tooltip="prettyLongDate(backup.lastIntegrityCheckTime)"></i>
+      <template #integrity="{ item }">
+        <Spinner v-if="item.integrityCheckTaskId && integrityTasks[item.integrityCheckTaskId]" style="min-width: 0;"/>
+        <div v-else-if="item.lastIntegrityCheckTime" style="display: flex; align-items: center;">
+          <i v-if="item.integrityCheckStatus === 'passed'" class="fa-solid fa-check-circle" v-tooltip="prettyLongDate(item.lastIntegrityCheckTime)"></i>
+          <i v-else class="fa-solid fa-times-circle" v-tooltip="prettyLongDate(item.lastIntegrityCheckTime)"></i>
         </div>
         <div v-else>-</div>
       </template>
-      <template #actions="backup">
-        <ActionBar :actions="createActionMenu(backup)"/>
+      <template #actions="{ item }">
+        <ActionBar :actions="createActionMenu(item)"/>
       </template>
     </TableView>
   </div>
diff --git a/dashboard/src/views/AppArchiveView.vue b/dashboard/src/views/AppArchiveView.vue
index ebb1347bd..eb7aa7515 100644
--- a/dashboard/src/views/AppArchiveView.vue
+++ b/dashboard/src/views/AppArchiveView.vue
@@ -125,20 +125,20 @@ onMounted(async () => {
       <br/>
 
       <TableView :columns="columns" :model="archives" :busy="busy" :placeholder="$t('archives.listing.placeholder')">
-        <template #icon="archive">
+        <template #icon="{ item:archive }">
           <img :src="archive.iconUrl || 'img/appicon_fallback.png'" v-fallback-image="API_ORIGIN + '/img/appicon_fallback.png'" height="24" width="24"/>
         </template>
 
         <!-- for pre-8.2 backups, appConfig can be null -->
-        <template #location="archive">{{ archive.appConfig ? archive.appConfig.fqdn : '-' }}</template>
+        <template #location="{ item:archive }">{{ archive.appConfig ? archive.appConfig.fqdn : '-' }}</template>
 
-        <template #info="archive">
+        <template #info="{ item:archive }">
           <span v-tooltip="`${archive.manifest.id}@${archive.manifest.version}`">{{ archive.manifest.title }}</span>
         </template>
 
-        <template #creationTime="archive">{{ prettyLongDate(archive.creationTime) }}</template>
+        <template #creationTime="{ item:archive }">{{ prettyLongDate(archive.creationTime) }}</template>
 
-        <template #actions="archive">
+        <template #actions="{ item:archive }">
           <ActionBar :actions="createActionMenu(archive)"/>
         </template>
       </TableView>
diff --git a/dashboard/src/views/AppsView.vue b/dashboard/src/views/AppsView.vue
index 10b91605c..0349dcae9 100644
--- a/dashboard/src/views/AppsView.vue
+++ b/dashboard/src/views/AppsView.vue
@@ -359,35 +359,35 @@ onDeactivated(() => {
       <div class="list" v-if="viewType === VIEW_TYPE.LIST && apps.length !== 0">
 
         <TableView :columns="listColumns" :model="filteredApps">
-          <template #icon="app">
+          <template #icon="{ item:app }">
             <a :href="app.origin" target="_blank">
               <img :alt="app.label || app.subdomain || app.fqdn" class="list-icon" :class="{ 'item-inactive': app.runState === RSTATES.STOPPED }" :src="app.iconUrl" v-fallback-image="API_ORIGIN + '/img/appicon_fallback.png'"/>
             </a>
           </template>
-          <template #label="app">
+          <template #label="{ item:app }">
             <a :href="app.origin" target="_blank">
               {{ app.label || app.subdomain || app.fqdn }}
             </a>
           </template>
-          <template #appTitle="app">
+          <template #appTitle="{ item:app }">
             {{ app.manifest.title }}
           </template>
-          <template #fqdn="app">
+          <template #fqdn="{ item:app }">
             <a :href="app.origin" target="_blank">
               {{ app.fqdn }}
             </a>
           </template>
-          <template #status="app">
+          <template #status="{ item:app }">
             <div class="list-status">
               {{ AppsModel.installationStateLabel(app) }}
               <ProgressBar v-if="app.progress && isOperator(app)" :busy="true" :value="Math.max(10, app.progress)" :show-label="false" class="apps-progress"/>
             </div>
           </template>
-          <template #checklist="app">
+          <template #checklist="{ item:app }">
             <a class="list-item-checklist-indicator" v-if="AppsModel.pendingChecklistItems(app)" :href="`#/app/${app.id}/info`"><Icon icon="fa-solid fa-triangle-exclamation"/></a>
             <a class="list-item-update-indicator" v-if="app.updateInfo" @click.stop :href="isOperator(app) ? `#/app/${app.id}/updates` : null" v-tooltip="$t('app.updateAvailableTooltip')"><i class="fa-solid fa-arrow-up"/></a>
           </template>
-          <template #sso="app">
+          <template #sso="{ item:app }">
             <div v-show="app.type !== APP_TYPES.LINK">
               <Icon icon="fa-brands fa-openid" v-show="app.ssoAuth && app.manifest.addons.oidc" v-tooltip="$t('apps.auth.openid')" />
               <Icon icon="fas fa-user" v-show="app.ssoAuth && (!app.manifest.addons.oidc && !app.manifest.addons.email)" v-tooltip="$t('apps.auth.sso')" />
@@ -395,7 +395,7 @@ onDeactivated(() => {
               <Icon icon="fas fa-envelope" v-show="app.manifest.addons.email" v-tooltip="$t('apps.auth.email')" />
             </div>
           </template>
-          <template #actions="app">
+          <template #actions="{ item:app }">
             <ActionBar v-if="app.type === APP_TYPES.LINK" :actions="createAppLinkActionMenu(app)" />
             <ActionBar v-else :actions="createAppActionMenu(app)" />
           </template>
diff --git a/dashboard/src/views/DomainsView.vue b/dashboard/src/views/DomainsView.vue
index 3d2727b7c..2aafaeeaf 100644
--- a/dashboard/src/views/DomainsView.vue
+++ b/dashboard/src/views/DomainsView.vue
@@ -151,10 +151,10 @@ onMounted(async () => {
       <br/>
 
       <TableView :model="filteredDomains" :columns="columns" :busy="busy" style="max-height: 450px;" :placeholder="$t(search ? 'domains.noMatchesPlaceholder' : 'domains.emptyPlaceholder')">
-        <template #provider="domain">
+        <template #provider="{ item:domain }">
           {{ DomainsModel.prettyProviderName(domain.provider) }}
         </template>
-        <template #actions="domain">
+        <template #actions="{ item:domain }">
           <ActionBar :actions="createActionMenu(domain)" />
         </template>
       </TableView>
diff --git a/dashboard/src/views/EmailMailboxesView.vue b/dashboard/src/views/EmailMailboxesView.vue
index dffc8d5db..dadabccd8 100644
--- a/dashboard/src/views/EmailMailboxesView.vue
+++ b/dashboard/src/views/EmailMailboxesView.vue
@@ -266,17 +266,17 @@ onMounted(async () => {
       </template>
 
       <TableView :columns="columns" :model="filteredMailboxes" :busy="busy" :fixed-layout="true" :placeholder="$t(searchFilter ? 'email.incoming.mailboxes.noMatchesPlaceholder' : 'email.incoming.mailboxes.emptyPlaceholder')">
-        <template #aliases="mailbox">{{ mailbox.aliases.map(a => a.name + '@' + a.domain).join(' ') }}</template>
-        <template #usage="mailbox">
+        <template #aliases="{ item:mailbox }">{{ mailbox.aliases.map(a => a.name + '@' + a.domain).join(' ') }}</template>
+        <template #usage="{ item:mailbox }">
           <!-- usage.diskSize can be missing for newly created mailboxes -->
           <span v-if="cachedMailboxUsage[mailbox.fullName]">{{ prettyDecimalSize(cachedMailboxUsage[mailbox.fullName].diskSize) || '-' }}</span>
           <span v-else>{{ $t('main.loadingPlaceholder') }} ...</span>
         </template>
-        <template #storageQuota="mailbox">
+        <template #storageQuota="{ item:mailbox }">
           <span v-if="mailbox.storageQuota > 0">{{ prettyDecimalSize(mailbox.storageQuota) }}</span>
           <span v-else>-</span>
         </template>
-        <template #actions="mailbox">
+        <template #actions="{ item:mailbox }">
           <ActionBar :actions="createActionMenu(mailbox)"/>
         </template>
       </TableView>
diff --git a/dashboard/src/views/EmailMailinglistsView.vue b/dashboard/src/views/EmailMailinglistsView.vue
index 047e42b15..713cecf0b 100644
--- a/dashboard/src/views/EmailMailinglistsView.vue
+++ b/dashboard/src/views/EmailMailinglistsView.vue
@@ -170,13 +170,13 @@ onMounted(async () => {
       </template>
 
       <TableView :columns="columns" :model="filteredMailinglists" :busy="busy" :placeholder="$t(searchFilter ? 'email.incoming.mailinglists.noMatchesPlaceholder' : 'email.incoming.mailinglists.emptyPlaceholder')">
-        <template #membersOnly="mailinglist">
+        <template #membersOnly="{ item:mailinglist }">
           <i class="fas" :class="{ 'fa-door-closed': mailinglist.membersOnly, 'fa-door-open': !mailinglist.membersOnly }" v-tooltip="$t(mailinglist.membersOnly ? 'email.incoming.mailinglists.everyoneTooltip' : 'email.incoming.mailinglists.membersOnlyTooltip')"></i>
         </template>
-        <template #members="mailinglist">
+        <template #members="{ item:mailinglist }">
           {{ mailinglist.members.length }}
         </template>
-        <template #actions="mailinglist">
+        <template #actions="{ item:mailinglist }">
           <ActionBar :actions="createActionMenu(mailinglist)"/>
         </template>
       </TableView>
diff --git a/dashboard/src/views/GroupsView.vue b/dashboard/src/views/GroupsView.vue
index 35fdd4db8..acdaf5af0 100644
--- a/dashboard/src/views/GroupsView.vue
+++ b/dashboard/src/views/GroupsView.vue
@@ -164,11 +164,11 @@ onMounted(async () => {
       </template>
 
       <TableView :columns="groupsColumns" :model="filteredGroups" :busy="busy" :fixed-layout="true" :placeholder="$t(searchFilter ? 'users.groups.noMatchesPlaceholder' : 'users.groups.emptyPlaceholder')">
-        <template #name="group">
+        <template #name="{ item:group }">
           {{ group.name }} &nbsp; <i v-if="group.source" class="far fa-address-book" v-tooltip="$t('users.groups.externalLdapTooltip')"></i>
         </template>
-        <template #users="group">{{ groupMembers(group) }}</template>
-        <template #actions="group">
+        <template #users="{ item:group }">{{ groupMembers(group) }}</template>
+        <template #actions="{ item:group }">
           <ActionBar :actions="createGroupActionMenu(group)" />
           <!-- <div style="text-align: right;"> -->
             <!-- <Button tool plain secondary @click.capture="onGroupActionMenu(group, $event)" icon="fa-solid fa-ellipsis" /> -->
diff --git a/dashboard/src/views/OpenIdView.vue b/dashboard/src/views/OpenIdView.vue
index 60d083e62..2ce1f11a4 100644
--- a/dashboard/src/views/OpenIdView.vue
+++ b/dashboard/src/views/OpenIdView.vue
@@ -246,7 +246,7 @@ onMounted(async () => {
       </template>
 
       <TableView :columns="columns" :model="clients" :placeholder="$t('oidc.clients.empty')">
-        <template #actions="client">
+        <template #actions="{ item:client }">
           <ActionBar :actions="createActionMenu(client)"/>
         </template>
       </TableView>
diff --git a/dashboard/src/views/ServicesView.vue b/dashboard/src/views/ServicesView.vue
index 3789d073e..5f48b478a 100644
--- a/dashboard/src/views/ServicesView.vue
+++ b/dashboard/src/views/ServicesView.vue
@@ -264,18 +264,18 @@ onUnmounted(() => {
       <br/>
 
       <TableView :columns="columns" :model="servicesArray">
-        <template #status="service">
+        <template #status="{ item:service }">
           <StateLED :busy="!service.status" :state="state(service)" :title="stateTooltip(service)"/>
         </template>
-        <template #memoryPercent="service">
+        <template #memoryPercent="{ item:service }">
           <ProgressBar :value="service.memoryPercent" v-show="service.memoryPercent">
             <span style="font-weight: normal">{{ prettyBinarySize(service.memoryUsed) }} / {{ prettyBinarySize(service.memoryLimit) }} ({{ service.memoryPercent }}%)</span>
           </ProgressBar>
         </template>
-        <template #memoryLimit="service">
+        <template #memoryLimit="{ item:service }">
           <span v-show="service.memoryLimit">{{ prettyBinarySize(service.memoryLimit) }}</span>
         </template>
-        <template #actions="service">
+        <template #actions="{ item:service }">
           <ActionBar :actions="createActionMenu(service.id)"/>
         </template>
       </TableView>
diff --git a/dashboard/src/views/UsersView.vue b/dashboard/src/views/UsersView.vue
index 66104604d..bd4558e78 100644
--- a/dashboard/src/views/UsersView.vue
+++ b/dashboard/src/views/UsersView.vue
@@ -294,11 +294,11 @@ onMounted(async () => {
       </template>
 
       <TableView :columns="usersColumns" :model="filteredUsers" :busy="busy" :fixed-layout="true" :placeholder="$t(search ? 'users.users.noMatchesPlaceholder' : 'users.users.emptyPlaceholder')">
-        <template #avatar="user">
+        <template #avatar="{ item:user }">
           <img v-if="user.hasAvatar" :src="user.avatarUrl" @error="$event.target.src = '/img/avatar-default-symbolic.svg'" style="width: 30px; height: 30px; border-radius: 5px"/>
           <img v-else src="/img/avatar-default-symbolic.svg" style="width: 30px; height: 30px;"/>
         </template>
-        <template #user="user">
+        <template #user="{ item:user }">
           {{ user.displayName }}
           <span class="text-muted" style="margin: 0 6px" v-if="user.username">{{ user.username }}</span>
           <span class="text-muted" style="margin: 0 6px" v-else>{{ user.email }}</span>
@@ -306,21 +306,17 @@ onMounted(async () => {
           <i class="fa fa-ban" v-if="!user.active" v-tooltip="$t('users.users.inactiveTooltip')"></i>
           <!-- <i v-show="user.source" class="far fa-address-book" v-tooltip="$t('users.users.externalLdapTooltip')"></i> -->
         </template>
-        <template #groups="user">
+        <template #groups="{ item:user }">
           {{ user.groupIds.map(gid => groupsById[gid] ? groupsById[gid].name : gid).join(' ') }}
         </template>
-        <template #role="user">
+        <template #role="{ item:user }">
           <i class="fas fa-crown arrow" v-if="user.role === 'owner'" v-tooltip="$t('users.users.superadminTooltip')"></i>
           <i class="fa fa-user-tie arrow" v-else-if="user.role === 'admin'" v-tooltip="$t('users.users.adminTooltip')"></i>
           <i class="fas fa-users-cog arrow" v-else-if="user.role === 'usermanager'" v-tooltip="$t('users.users.usermanagerTooltip')"></i>
           <i class="fas fa-mail-bulk arrow" v-else-if="user.role === 'mailmanager'" v-tooltip="$t('users.users.mailmanagerTooltip')"></i>
         </template>
-        <template #actions="user">
+        <template #actions="{ item:user }">
           <ActionBar :actions="createUserActionMenu(user)" />
-          <!-- <div class="table-actions"> -->
-            <!-- <Button tool plain secondary :disabled="!canEdit(user)" @click.capture="onEditOrAddUser(user)" :tooltip="$t('main.action.edit')" icon="fa-solid fa-pencil-alt" /> -->
-            <!-- <Button tool plain secondary @click.capture="onUserActionMenu(user, $event)" icon="fa-solid fa-ellipsis" /> -->
-          <!-- </div> -->
         </template>
       </TableView>
     </Section>
diff --git a/dashboard/src/views/VolumesView.vue b/dashboard/src/views/VolumesView.vue
index 0f342886c..f9038e929 100644
--- a/dashboard/src/views/VolumesView.vue
+++ b/dashboard/src/views/VolumesView.vue
@@ -325,19 +325,19 @@ onMounted(async () =>{
       <div v-html="$t('volumes.description')"></div>
       <br/>
       <TableView :columns="columns" :model="volumes" :busy="busy" :fixed-layout="true" :placeholder="$t('volumes.emptyPlaceholder')">
-        <template #target="volume">
+        <template #target="{ item:volume }">
           <span v-if="volume.mountType === 'mountpoint' || volume.mountType === 'filesystem'">{{ volume.hostPath }}</span>
           <span v-else-if="volume.mountType === 'ext4' || volume.mountType === 'xfs' || volume.mountType === 'disk'">{{ volume.mountOptions.diskPath }}</span>
           <span v-else-if="volume.mountType === 'sshfs'">{{ volume.mountOptions.host + '/' + volume.mountOptions.remoteDir }}</span>
           <!-- cifs/nfs -->
           <span v-else>{{ volume.mountOptions.host + volume.mountOptions.remoteDir }}</span>
         </template>
-        <template #status="volume">
+        <template #status="{ item:volume }">
           <div style="text-align: center;" :title="volume.message">
             <StateLED :busy="volume.busy" :state="volume.state"/>
           </div>
         </template>
-        <template #actions="volume">
+        <template #actions="{ item:volume }">
           <ActionBar :actions="createActionMenu(volume)"/>
         </template>
       </TableView>