refactor(components): replace .sync modifier with v-model:prop

src/components/AppSettingsMenu.vue

@@ -10,7 +10,7 @@
 			:show-navigation="true"
 			:additional-trap-elements="trapElements"
 			:legacy="false"
-			:open.sync="showSettings">
+			v-model:open="showSettings">
 			<NcAppSettingsSection id="general" :name="t('mail', 'General')">
 				<NcButton
 					variant="secondary"
@@ -103,7 +103,7 @@
 				</NcRadioGroup>
 
 				<NcDialog
-					:open.sync="textBlockDialogOpen"
+					v-model:open="textBlockDialogOpen"
 					:name="t('mail', 'New text block')"
 					:is-form="true"
 					size="normal">

src/components/Composer.vue

@@ -334,7 +334,7 @@
 					</template>
 				</ButtonVue>
 
-				<Actions :open.sync="isAddAttachmentsOpen">
+				<Actions v-model:open="isAddAttachmentsOpen">
 					<template #icon>
 						<Paperclip :size="20" />
 					</template>
@@ -357,7 +357,7 @@
 				</Actions>
 
 				<Actions
-					:open.sync="isActionsOpen"
+					v-model:open="isActionsOpen"
 					@close="isMoreActionsOpen = false">
 					<template v-if="!isMoreActionsOpen">
 						<ActionButton v-if="isPickerAvailable" :close-after-click="true" @click="openPicker">

src/components/InternalAddress.vue

@@ -59,7 +59,7 @@
 			{{ t('mail', 'Add internal address') }}
 		</ButtonVue>
 		<NcDialog
-			:open.sync="openDialog"
+			v-model:open="openDialog"
 			:buttons="buttons"
 			:name="t('mail', 'Add internal address')"
 			@close="openDialog = false">

src/components/MailboxThread.vue

@@ -28,7 +28,7 @@
 					:infinite-scroll-distance="300"
 					role="heading"
 					:aria-level="2"
-					@shortkey.native="onShortcut">
+					@shortkey="onShortcut">
 					<template v-if="!mailbox.isPriorityInbox">
 						<div
 							v-if="sortFavorites"

src/components/MoveMailboxModal.vue

@@ -5,7 +5,7 @@
 <template>
 	<MailboxPicker
 		:account="account"
-		:selected.sync="destMailboxId"
+		v-model:selected="destMailboxId"
 		:loading="moving"
 		:picked-mailbox="mailbox"
 		:allow-root="true"

src/components/MoveModal.vue

@@ -5,7 +5,7 @@
 <template>
 	<MailboxPicker
 		:account="account"
-		:selected.sync="destMailboxId"
+		v-model:selected="destMailboxId"
 		:loading="moving"
 		:label-select="moveThread ? t('mail', 'Move thread') : t('mail', 'Move message')"
 		:label-select-loading="moveThread ? t('mail', 'Moving thread') : t('mail', 'Moving message')"

src/components/Navigation.vue

@@ -81,7 +81,7 @@
 				</AppNavigationItem>
 			</div>
 		</template>
-		<AppSettingsMenu :open.sync="showSettings" />
+		<AppSettingsMenu v-model:open="showSettings" />
 	</AppNavigation>
 </template>
 

src/components/NavigationAccount.vue

@@ -62,7 +62,7 @@
 					</ActionButton>
 					<ActionInput
 						v-if="editing && nameInput"
-						:value.sync="createMailboxName"
+						v-model:value="createMailboxName"
 						@submit.prevent.stop="createMailbox">
 						<template #icon>
 							<IconFolderAdd :size="20" />

src/components/NavigationMailbox.vue

@@ -15,11 +15,11 @@
 			isValidDropTarget,
 		}"
 		:allow-collapse="hasSubMailboxes"
-		:menu-open.sync="menuOpen"
+		v-model:menu-open="menuOpen"
 		:force-menu="true"
 		:name="title"
 		:to="to"
-		:open.sync="showSubMailboxes"
+		v-model:open="showSubMailboxes"
 		@update:menuOpen="onMenuToggle">
 		<template #icon="{ active }">
 			<div>
@@ -120,7 +120,7 @@
 			</ActionButton>
 			<ActionInput
 				v-if="subfolderInput"
-				:value.sync="createMailboxName"
+				v-model:value="createMailboxName"
 				@submit.prevent.stop="createMailbox">
 				<template #icon>
 					<IconAdd :size="20" />
@@ -142,7 +142,7 @@
 			</ActionButton>
 			<ActionInput
 				v-if="renameInput"
-				:value.sync="mailboxName"
+				v-model:value="mailboxName"
 				@submit.prevent.stop="renameMailbox">
 				<template #icon>
 					<IconEdit

src/components/SearchMessages.vue

@@ -279,19 +279,19 @@
 				:no-close="true"
 				:variant="hasAttachmentActive ? 'primary' : 'secondary'"
 				:aria-label="t('mail', 'Has attachment')"
-				@click.native="toggleGetAttachments" />
+				@click="toggleGetAttachments" />
 			<NcChip
 				:text="t('mail', 'Unread')"
 				:no-close="true"
 				:variant="hasUnreadActive ? 'primary' : 'secondary'"
 				:aria-label="t('mail', 'Unread')"
-				@click.native="toggleUnread" />
+				@click="toggleUnread" />
 			<NcChip
 				:text="t('mail', 'To me')"
 				:no-close="true"
 				:variant="hasToMeActive ? 'primary' : 'secondary'"
 				:aria-label="t('mail', 'To me')"
-				@click.native="toggleCurrentUser" />
+				@click="toggleCurrentUser" />
 		</div>
 	</div>
 </template>

src/components/ThreadEnvelope.vue

@@ -242,7 +242,7 @@
 							:mailbox="mailbox"
 							:with-select="false"
 							:with-show-source="true"
-							:more-actions-open.sync="moreActionsOpen"
+							v-model:more-actions-open="moreActionsOpen"
 							@reply="onReply('', false, false)"
 							@delete="$emit('delete', envelope.databaseId)"
 							@show-source-modal="onShowSourceModal"

src/components/textBlocks/ListItem.vue

@@ -29,7 +29,7 @@
 			</template>
 		</NcListItem>
 		<NcDialog
-			:open.sync="editModalOpen"
+			v-model:open="editModalOpen"
 			:name="t('mail', 'Edit text block')"
 			size="normal"
 			:is-form="true">

src/views/Setup.vue

@@ -21,7 +21,7 @@
 						<AccountForm
 							:display-name="displayName"
 							:email="email"
-							:error.sync="error"
+							v-model:error="error"
 							class="setup__form-content__form"
 							@account-created="onAccountCreated" />
 					</template>