diff --git a/src/App.vue b/src/App.vue
index 9c32d96b480a..9d7f8633dab3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,7 +13,7 @@
 			<router-view />
 		</NcAppContent>
 		<RightSidebar :is-in-call="isInCall" />
-		<MediaSettings :recording-consent-given.sync="recordingConsentGiven" />
+		<MediaSettings v-model.recording-consent-given="recordingConsentGiven" />
 		<SettingsDialog />
 		<ConversationSettingsDialog />
 	</NcContent>
diff --git a/src/PublicShareAuthSidebar.vue b/src/PublicShareAuthSidebar.vue
index 0f07208bca7d..5e9531579031 100644
--- a/src/PublicShareAuthSidebar.vue
+++ b/src/PublicShareAuthSidebar.vue
@@ -16,7 +16,7 @@
 				<CallView :token="token" :is-sidebar="true" />
 				<ChatView />
 				<PollViewer />
-				<MediaSettings :recording-consent-given.sync="recordingConsentGiven" />
+				<MediaSettings v-model:recording-consent-given="recordingConsentGiven" />
 			</template>
 		</aside>
 	</TransitionWrapper>
diff --git a/src/PublicShareSidebar.vue b/src/PublicShareSidebar.vue
index acd111a24762..94f6b49065b2 100644
--- a/src/PublicShareSidebar.vue
+++ b/src/PublicShareSidebar.vue
@@ -29,7 +29,7 @@
 				<CallButton class="call-button" />
 				<ChatView />
 				<PollViewer />
-				<MediaSettings :recording-consent-given.sync="recordingConsentGiven" />
+				<MediaSettings v-model:recording-consent-given="recordingConsentGiven" />
 			</template>
 		</aside>
 	</TransitionWrapper>
diff --git a/src/components/AdminSettings/RecordingServers.vue b/src/components/AdminSettings/RecordingServers.vue
index e211fb2a554f..f3df79adb192 100644
--- a/src/components/AdminSettings/RecordingServers.vue
+++ b/src/components/AdminSettings/RecordingServers.vue
@@ -20,8 +20,8 @@
 			group>
 			<RecordingServer v-for="(server, index) in servers"
 				:key="`server${index}`"
-				:server.sync="servers[index].server"
-				:verify.sync="servers[index].verify"
+				v-model:server="servers[index].server"
+				v-model:verify="servers[index].verify"
 				:index="index"
 				:loading="loading"
 				@remove-server="removeServer"
diff --git a/src/components/AdminSettings/SignalingServers.vue b/src/components/AdminSettings/SignalingServers.vue
index 0d99149fee6e..fada35b5bbd1 100644
--- a/src/components/AdminSettings/SignalingServers.vue
+++ b/src/components/AdminSettings/SignalingServers.vue
@@ -23,8 +23,8 @@
 			group>
 			<SignalingServer v-for="(server, index) in servers"
 				:key="`server${index}`"
-				:server.sync="servers[index].server"
-				:verify.sync="servers[index].verify"
+				v-model:server="servers[index].server"
+				v-model:verify="servers[index].verify"
 				:index="index"
 				:loading="loading"
 				@remove-server="removeServer"
diff --git a/src/components/AdminSettings/StunServers.vue b/src/components/AdminSettings/StunServers.vue
index 8d43b82775ff..9c53e463dbd5 100644
--- a/src/components/AdminSettings/StunServers.vue
+++ b/src/components/AdminSettings/StunServers.vue
@@ -19,7 +19,7 @@
 			group>
 			<StunServer v-for="(server, index) in servers"
 				:key="`server${index}`"
-				:server.sync="servers[index]"
+				:server="servers[index]"
 				:index="index"
 				:loading="loading"
 				@remove-server="removeServer"
diff --git a/src/components/AdminSettings/TurnServers.vue b/src/components/AdminSettings/TurnServers.vue
index a6380cb35cd9..961d1d631e93 100644
--- a/src/components/AdminSettings/TurnServers.vue
+++ b/src/components/AdminSettings/TurnServers.vue
@@ -18,10 +18,10 @@
 			group>
 			<TurnServer v-for="(server, index) in servers"
 				:key="`server${index}`"
-				:schemes.sync="servers[index].schemes"
-				:server.sync="servers[index].server"
-				:secret.sync="servers[index].secret"
-				:protocols.sync="servers[index].protocols"
+				:schemes="servers[index].schemes"
+				:server="servers[index].server"
+				:secret="servers[index].secret"
+				:protocols="servers[index].protocols"
 				:index="index"
 				:loading="loading"
 				@remove-server="removeServer"
diff --git a/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue b/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
index 79d568a92218..95ff0baf2557 100644
--- a/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
+++ b/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
@@ -12,7 +12,7 @@
 				<SelectableParticipant v-for="participant in unassignedParticipants"
 					:key="participant.attendeeId"
 					:value="participant.attendeeId"
-					:checked.sync="selectedParticipants"
+					v-model="selectedParticipants"
 					:participant="participant" />
 			</BreakoutRoomItem>
 			<BreakoutRoomItem v-for="(item, index) in assignments"
@@ -22,7 +22,7 @@
 				<SelectableParticipant v-for="attendeeId in item"
 					:key="attendeeId"
 					:value="assignments"
-					:checked.sync="selectedParticipants"
+					v-model="selectedParticipants"
 					:participant="attendeesById[attendeeId]" />
 			</BreakoutRoomItem>
 		</ul>
@@ -73,7 +73,7 @@
 			</NcButton>
 		</div>
 		<NcDialog v-if="showDialog"
-			:open.sync="showDialog"
+			v-model:open="showDialog"
 			:name="t('spreed','Delete breakout rooms')"
 			:message="dialogMessage"
 			container=".participants-editor">
diff --git a/src/components/BreakoutRoomsEditor/SelectableParticipant.vue b/src/components/BreakoutRoomsEditor/SelectableParticipant.vue
index 190f4fecf18b..e81261a095e1 100644
--- a/src/components/BreakoutRoomsEditor/SelectableParticipant.vue
+++ b/src/components/BreakoutRoomsEditor/SelectableParticipant.vue
@@ -44,21 +44,21 @@ export default {
 			required: true,
 		},
 
-		checked: {
+		modelValue: {
 			type: Array,
 			required: true,
 		},
 	},
 
-	emits: ['update:checked'],
+	emits: ['update:modelValue'],
 
 	computed: {
 		modelProxy: {
 			get() {
-				return this.checked
+				return this.modelValue
 			},
 			set(value) {
-				this.$emit('update:checked', value)
+				this.$emit('update:modelValue', value)
 			},
 		},
 	},
diff --git a/src/components/ChatView.vue b/src/components/ChatView.vue
index 3f62d3e401f4..62cd88b20d40 100644
--- a/src/components/ChatView.vue
+++ b/src/components/ChatView.vue
@@ -27,7 +27,7 @@
 		<MessagesList role="region"
 			:aria-label="t('spreed', 'Conversation messages')"
 			:token="token"
-			:is-chat-scrolled-to-bottom.sync="isChatScrolledToBottom"
+			v-model:is-chat-scrolled-to-bottom="isChatScrolledToBottom"
 			:is-visible="isVisible" />
 
 		<div class="scroll-to-bottom">
diff --git a/src/components/ConversationSettings/ConversationSettingsDialog.vue b/src/components/ConversationSettings/ConversationSettingsDialog.vue
index ff51ff32a084..31148318fa05 100644
--- a/src/components/ConversationSettings/ConversationSettingsDialog.vue
+++ b/src/components/ConversationSettings/ConversationSettingsDialog.vue
@@ -7,7 +7,7 @@
 	<NcAppSettingsDialog id="conversation-settings-container"
 		:aria-label="t('spreed', 'Conversation settings')"
 		:name="t('spreed', 'Conversation settings')"
-		:open.sync="showSettings"
+		v-model:open="showSettings"
 		:show-navigation="true"
 		:container="container">
 		<NcAppSettingsSection id="basic-info"
diff --git a/src/components/ConversationSettings/DangerZone.vue b/src/components/ConversationSettings/DangerZone.vue
index ab9c789a0f72..6a2c19eba037 100644
--- a/src/components/ConversationSettings/DangerZone.vue
+++ b/src/components/ConversationSettings/DangerZone.vue
@@ -32,7 +32,7 @@
 					{{ t('spreed', 'Delete conversation') }}
 				</NcButton>
 				<NcDialog class="danger-zone__dialog"
-					:open.sync="isDeleteConversationDialogOpen"
+					v-model:open="isDeleteConversationDialogOpen"
 					:name="t('spreed','Delete conversation')"
 					:message="deleteConversationDialogMessage"
 					container=".danger-zone">
@@ -58,7 +58,7 @@
 					{{ t('spreed', 'Delete chat messages') }}
 				</NcButton>
 				<NcDialog class="danger-zone__dialog"
-					:open.sync="isDeleteChatDialogOpen"
+					v-model:open="isDeleteChatDialogOpen"
 					:name="t('spreed','Delete all chat messages')"
 					:message="deleteChatDialogMessage"
 					container=".danger-zone">
diff --git a/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue b/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
index a2f8f49f05a6..3dfb20822bb1 100644
--- a/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
+++ b/src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue
@@ -21,13 +21,13 @@
 					v-model="searchText"
 					@keydown.enter="createConversation(participantPhoneItem)" />
 				<DialpadPanel container=".call-phone__form"
-					:value.sync="searchText"
+					v-model="searchText"
 					@submit="createConversation(participantPhoneItem)" />
 			</div>
 
 			<SelectPhoneNumber :name="t('spreed', 'Call a phone number')"
 				:value="searchText"
-				:participant-phone-item.sync="participantPhoneItem"
+				v-model:participant-phone-item="participantPhoneItem"
 				@select="createConversation" />
 		</template>
 
diff --git a/src/components/LeftSidebar/ConversationsList/Conversation.vue b/src/components/LeftSidebar/ConversationsList/Conversation.vue
index 002c9f9616e3..99932df8f428 100644
--- a/src/components/LeftSidebar/ConversationsList/Conversation.vue
+++ b/src/components/LeftSidebar/ConversationsList/Conversation.vue
@@ -88,7 +88,7 @@
 
 		<!-- confirmation required to delete conversation -->
 		<template v-if="isDialogOpen" #extra>
-			<NcDialog :open.sync="isDialogOpen"
+			<NcDialog v-model:open="isDialogOpen"
 				:name="t('spreed','Delete conversation')"
 				:message="dialogMessage"
 				:container="container">
diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue
index eafa5bf88484..ff521d5813de 100644
--- a/src/components/LeftSidebar/LeftSidebar.vue
+++ b/src/components/LeftSidebar/LeftSidebar.vue
@@ -10,8 +10,8 @@
 			<div class="conversations-search"
 				:class="{'conversations-search--expanded': isFocused}">
 				<SearchBox ref="searchBox"
-					:value.sync="searchText"
-					:is-focused.sync="isFocused"
+					v-model="searchText"
+					v-model:is-focused="isFocused"
 					:list="list"
 					@input="debounceFetchSearchResults"
 					@abort-search="abortSearch" />
diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue
index 0f76918cb085..13f96cca4a71 100644
--- a/src/components/MessagesList/MessagesGroup/Message/Message.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue
@@ -40,10 +40,10 @@
 				ref="messageButtonsBar"
 				class="message-buttons-bar"
 				:is-translation-available="isTranslationAvailable"
-				:is-action-menu-open.sync="isActionMenuOpen"
-				:is-emoji-picker-open.sync="isEmojiPickerOpen"
-				:is-reactions-menu-open.sync="isReactionsMenuOpen"
-				:is-forwarder-open.sync="isForwarderOpen"
+				v-model:is-action-menu-open="isActionMenuOpen"
+				v-model:is-emoji-picker-open="isEmojiPickerOpen"
+				v-model:is-reactions-menu-open="isReactionsMenuOpen"
+				v-model:is-forwarder-open="isForwarderOpen"
 				:can-react="canReact"
 				v-bind="{...$props, ...readInfoProps}"
 				@show-translate-dialog="isTranslateDialogOpen = true"
diff --git a/src/components/NewConversationDialog/NewConversationContactsPage.vue b/src/components/NewConversationDialog/NewConversationContactsPage.vue
index ad5c83362868..b69ffcfed797 100644
--- a/src/components/NewConversationDialog/NewConversationContactsPage.vue
+++ b/src/components/NewConversationDialog/NewConversationContactsPage.vue
@@ -24,7 +24,7 @@
 			</NcTextField>
 			<DialpadPanel v-if="canModerateSipDialOut"
 				container=".set-contacts__form"
-				:value.sync="searchText"
+				v-model="searchText"
 				@submit="addParticipantPhone" />
 		</div>
 
@@ -44,7 +44,7 @@
 		<SelectPhoneNumber v-if="canModerateSipDialOut"
 			:name="t('spreed', 'Add a phone number')"
 			:value="searchText"
-			:participant-phone-item.sync="participantPhoneItem"
+			v-model:participant-phone-item="participantPhoneItem"
 			@select="addParticipantPhone" />
 		<ParticipantSearchResults :search-results="searchResults"
 			:contacts-loading="contactsLoading"
diff --git a/src/components/NewConversationDialog/NewConversationDialog.vue b/src/components/NewConversationDialog/NewConversationDialog.vue
index a8fa26bbd3b8..a9bf7a8f9d07 100644
--- a/src/components/NewConversationDialog/NewConversationDialog.vue
+++ b/src/components/NewConversationDialog/NewConversationDialog.vue
@@ -19,9 +19,9 @@
 				<!-- First page -->
 				<NewConversationSetupPage v-show="page === 0"
 					ref="setupPage"
-					:new-conversation.sync="newConversation"
-					:password.sync="password"
-					:listable.sync="listable"
+					v-model:new-conversation="newConversation"
+					v-model:password="password"
+					v-model:listable="listable"
 					class="new-group-conversation__content"
 					@handle-enter="handleEnter"
 					@avatar-edited="setIsAvatarEdited" />
@@ -29,7 +29,7 @@
 				<!-- Second page -->
 				<NewConversationContactsPage v-if="page === 1"
 					class="new-group-conversation__content"
-					:selected-participants.sync="selectedParticipants"
+					v-model:selected-participants="selectedParticipants"
 					:can-moderate-sip-dial-out="canModerateSipDialOut"
 					:conversation-name="conversationName" />
 			</div>
diff --git a/src/components/NewConversationDialog/NewConversationSetupPage.vue b/src/components/NewConversationDialog/NewConversationSetupPage.vue
index 4501e16184c2..9dd2fd530fe4 100644
--- a/src/components/NewConversationDialog/NewConversationSetupPage.vue
+++ b/src/components/NewConversationDialog/NewConversationSetupPage.vue
@@ -113,8 +113,8 @@ export default {
 			get() {
 				return this.newConversation.displayName
 			},
-			set(event) {
-				this.updateNewConversation({ displayName: event.target.value })
+			set(value) {
+				this.updateNewConversation({ displayName: value })
 			},
 		},
 
@@ -122,8 +122,8 @@ export default {
 			get() {
 				return this.newConversation.description
 			},
-			set(event) {
-				this.updateNewConversation({ description: event.target.value })
+			set(value) {
+				this.updateNewConversation({ description: value })
 			},
 		},
 
@@ -170,8 +170,8 @@ export default {
 			get() {
 				return this.password
 			},
-			set(event) {
-				this.$emit('update:password', event.target.value)
+			set(value) {
+				this.$emit('update:password', value)
 			},
 		},
 
diff --git a/src/components/RightSidebar/Participants/ParticipantsTab.vue b/src/components/RightSidebar/Participants/ParticipantsTab.vue
index 217aa1604181..10f1e8f281d7 100644
--- a/src/components/RightSidebar/Participants/ParticipantsTab.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsTab.vue
@@ -9,21 +9,21 @@
 			<SearchBox v-if="canSearch"
 				ref="searchBox"
 				class="search-form__input"
-				:value.sync="searchText"
-				:is-focused.sync="isFocused"
+				v-model="searchText"
+				v-model:is-focused="isFocused"
 				:placeholder-text="searchBoxPlaceholder"
 				@input="handleInput"
 				@keydown.enter="addParticipants(participantPhoneItem)"
 				@abort-search="abortSearch" />
 			<DialpadPanel v-if="canAddPhones"
-				:value.sync="searchText"
+				v-model="searchText"
 				@submit="addParticipants(participantPhoneItem)" />
 		</div>
 
 		<SelectPhoneNumber v-if="canAddPhones"
 			:name="t('spreed', 'Add a phone number')"
 			:value="searchText"
-			:participant-phone-item.sync="participantPhoneItem"
+			v-model:participant-phone-item="participantPhoneItem"
 			@select="addParticipants" />
 
 		<ParticipantsListVirtual v-if="!isSearching"
diff --git a/src/components/RightSidebar/SharedItems/SharedItemsTab.vue b/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
index 41189d4b3795..71432fd440f4 100644
--- a/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
+++ b/src/components/RightSidebar/SharedItems/SharedItemsTab.vue
@@ -62,7 +62,7 @@
 		<SharedItemsBrowser v-if="showSharedItemsBrowser"
 			:token="token"
 			:shared-items="sharedItems"
-			:active-tab.sync="browserActiveTab"
+			v-model:active-tab="browserActiveTab"
 			@close="showSharedItemsBrowser = false" />
 	</div>
 </template>
diff --git a/src/components/SettingsDialog/SettingsDialog.vue b/src/components/SettingsDialog/SettingsDialog.vue
index 8fa6a82dac95..acf7b43ce1e0 100644
--- a/src/components/SettingsDialog/SettingsDialog.vue
+++ b/src/components/SettingsDialog/SettingsDialog.vue
@@ -4,7 +4,7 @@
 -->
 
 <template>
-	<NcAppSettingsDialog :open.sync="showSettings"
+	<NcAppSettingsDialog v-model:open="showSettings"
 		:name="t('spreed', 'Talk settings')"
 		:show-navigation="true"
 		first-selected-section="keyboard shortcuts"
diff --git a/src/components/TopBar/CallTime.vue b/src/components/TopBar/CallTime.vue
index 1fbcbe60fb04..499b08bad056 100644
--- a/src/components/TopBar/CallTime.vue
+++ b/src/components/TopBar/CallTime.vue
@@ -5,7 +5,7 @@
 
 <template>
 	<NcPopover class="call-time"
-		:shown.sync="showPopover"
+		v-model:shown="showPopover"
 		:focus-trap="isShowRecordingControls"
 		:triggers="[]"
 		:container="container">
diff --git a/src/components/TopBar/TopBarMediaControls.vue b/src/components/TopBar/TopBarMediaControls.vue
index 319219bb5f76..fd0631e6d140 100644
--- a/src/components/TopBar/TopBarMediaControls.vue
+++ b/src/components/TopBar/TopBarMediaControls.vue
@@ -76,7 +76,7 @@
 			class="app-navigation-entry-utils-menu-button"
 			:boundaries-element="boundaryElement"
 			:container="container"
-			:open.sync="screenSharingMenuOpen">
+			v-model:open="screenSharingMenuOpen">
 			<template #icon>
 				<MonitorOff :size="20" />
 			</template>
diff --git a/src/components/UIShared/DialpadPanel.vue b/src/components/UIShared/DialpadPanel.vue
index 0f79f448694b..f634b6dc3f35 100644
--- a/src/components/UIShared/DialpadPanel.vue
+++ b/src/components/UIShared/DialpadPanel.vue
@@ -125,7 +125,7 @@ export default {
 		/**
 		 * The conversation token of the message to be replied to.
 		 */
-		value: {
+		modelValue: {
 			type: String,
 			default: '',
 		},
@@ -152,7 +152,7 @@ export default {
 		}
 	},
 
-	emits: ['dial:type', 'update:value', 'submit'],
+	emits: ['dial:type', 'update:modelValue', 'submit'],
 
 	setup(props) {
 		const options = Object.values(regionCodes).map(region =>
@@ -180,13 +180,13 @@ export default {
 			if (this.dialing) {
 				this.$emit('dial:type', value)
 			} else {
-				this.$emit('update:value', this.value + value)
+				this.$emit('update:modelValue', this.value + value)
 			}
 		},
 
 		dialCode(value) {
 			this.region = value
-			this.$emit('update:value', value.dial_code)
+			this.$emit('update:modelValue', value.dial_code)
 
 			this.$nextTick(() => {
 				this.$refs.panel?.focus()
@@ -225,7 +225,7 @@ export default {
 		},
 
 		handleBackspace() {
-			this.$emit('update:value', this.value.slice(0, -1))
+			this.$emit('update:modelValue', this.value.slice(0, -1))
 		}
 	},
 }
diff --git a/src/components/UIShared/SearchBox.vue b/src/components/UIShared/SearchBox.vue
index 306309bdf42f..cb62af6d9bf2 100644
--- a/src/components/UIShared/SearchBox.vue
+++ b/src/components/UIShared/SearchBox.vue
@@ -5,7 +5,7 @@
 
 <template>
 	<NcTextField ref="searchConversations"
-		:model-value="value"
+		:model-value="modelValue"
 		:aria-label="placeholderText"
 		:placeholder="placeholderText"
 		:show-trailing-button="isFocused"
@@ -43,7 +43,7 @@ export default {
 		/**
 		 * The value of the input field.
 		 */
-		value: {
+		modelValue: {
 			type: String,
 			required: true,
 		},
@@ -65,11 +65,11 @@ export default {
 
 	expose: ['focus'],
 
-	emits: ['update:value', 'update:is-focused', 'input', 'abort-search', 'blur', 'focus'],
+	emits: ['update:modelValue', 'update:is-focused', 'input', 'abort-search', 'blur', 'focus'],
 
 	computed: {
 		isSearching() {
-			return this.value !== ''
+			return this.modelValue !== ''
 		},
 
 		cancelSearchLabel() {
@@ -96,7 +96,7 @@ export default {
 
 	methods: {
 		updateValue(value) {
-			this.$emit('update:value', value)
+			this.$emit('update:modelValue', value)
 			this.$emit('input', value)
 		},
 
diff --git a/src/views/FilesSidebarChatView.vue b/src/views/FilesSidebarChatView.vue
index 8d9ec1db7ee9..d24ba33230e8 100644
--- a/src/views/FilesSidebarChatView.vue
+++ b/src/views/FilesSidebarChatView.vue
@@ -8,7 +8,7 @@
 		<CallButton class="call-button" />
 		<ChatView />
 		<PollViewer />
-		<MediaSettings :recording-consent-given.sync="recordingConsentGiven" />
+		<MediaSettings v-model:recording-consent-given="recordingConsentGiven" />
 	</div>
 </template>
 <script>