chore(vue3): migrate deprecated slot syntax

Signed-off-by: Richard Steinmetz <richard@steinmetz.cloud>
This commit is contained in:
Richard Steinmetz 2024-01-24 13:29:39 +01:00
parent df564111f0
commit 3d18fe1840
No known key found for this signature in database
GPG Key ID: 27137D9E7D273FB2
4 changed files with 25 additions and 12 deletions

View File

@ -30,23 +30,31 @@
<template #actions>
<ActionLink :href="config.bookingUrl"
target="_blank">
<OpenInNewIcon slot="icon" :size="20" decorative />
<template #icon>
<OpenInNewIcon :size="20" />
</template>
{{ t('calendar', 'Preview') }}
</ActionLink>
<ActionButton v-if="hasClipboard"
:close-after-click="true"
@click="copyLink">
<LinkVariantIcon slot="icon" :size="20" decorative />
<template #icon>
<LinkVariantIcon :size="20" />
</template>
{{ t('calendar', 'Copy link') }}
</ActionButton>
<ActionButton :close-after-click="true"
@click="showModal = true">
<PencilIcon slot="icon" :size="20" decorative />
<template #icon>
<PencilIcon :size="20" />
</template>
{{ t('calendar', 'Edit') }}
</ActionButton>
<ActionButton :close-after-click="true"
@click="$emit('delete', $event)">
<DeleteIcon slot="icon" :size="20" decorative />
<template #icon>
<DeleteIcon :size="20" />
</template>
{{ t('calendar', 'Delete') }}
</ActionButton>
</template>

View File

@ -24,19 +24,20 @@
:title="calendar.displayName || $t('calendar', 'Untitled calendar')"
:menu-open.sync="menuOpen"
@click.prevent.stop="toggleEnabled">
<AppNavigationIconBullet v-if="calendar.enabled"
slot="icon"
:color="calendar.color"
@click.prevent.stop="toggleEnabled" />
<template #icon>
<AppNavigationIconBullet v-if="calendar.enabled"
:color="calendar.color"
@click.prevent.stop="toggleEnabled" />
</template>
<template slot="counter">
<template #counter>
<Avatar :user="owner"
:is-guest="true"
:disable-tooltip="true"
:disable-menu="true" />
</template>
<template slot="actions">
<template #actions>
<ActionButton v-if="showCopySubscriptionLinkLabel"
@click.prevent.stop="copySubscriptionLink">
<template #icon>

View File

@ -39,7 +39,9 @@
label="displayName"
@search="findSharee"
@option:selected="shareCalendar">
<span slot="no-options">{{ $t('calendar', 'No users or groups') }}</span>
<template #no-options>
<span>{{ $t('calendar', 'No users or groups') }}</span>
</template>
</NcSelect>
</div>
</template>

View File

@ -23,7 +23,9 @@
<template>
<AppNavigationItem :title="title"
@click="openUserSettings">
<AlertCircleIcon slot="icon" :size="20" decorative />
<template #icon>
<AlertCircleIcon :size="20" />
</template>
</AppNavigationItem>
</template>