fix: migrate NcTextField to v-model usage

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>

src/components/AdminSettings/HostedSignalingServer.vue

@@ -16,7 +16,7 @@
 		</p>
 
 		<template v-if="!trialAccount.status">
-			<NcTextField :value.sync="hostedHPBNextcloudUrl"
+			<NcTextField v-model="hostedHPBNextcloudUrl"
 				class="form__textfield"
 				name="hosted_hpb_nextcloud_url"
 				placeholder="https://cloud.example.org/"
@@ -24,7 +24,7 @@
 				:label="t('spreed', 'URL of this Nextcloud instance')"
 				label-visible />
 
-			<NcTextField :value.sync="hostedHPBFullName"
+			<NcTextField v-model="hostedHPBFullName"
 				class="form__textfield"
 				name="full_name"
 				placeholder="Jane Doe"
@@ -32,7 +32,7 @@
 				:label="t('spreed', 'Full name of the user requesting the trial')"
 				label-visible />
 
-			<NcTextField :value.sync="hostedHPBEmail"
+			<NcTextField v-model="hostedHPBEmail"
 				class="form__textfield"
 				name="hosted_hpb_email"
 				placeholder="jane@example.org"

src/components/AdminSettings/RecordingServer.vue

@@ -10,10 +10,10 @@
 			class="recording-server__textfield"
 			name="recording_server"
 			placeholder="https://recording.example.org"
-			:value="server"
+			:model-value="server"
 			:disabled="loading"
 			:label="t('spreed', 'Recording backend URL')"
-			@update:value="updateServer" />
+			@update:model-value="updateServer" />
 
 		<NcCheckboxRadioSwitch :checked="verify"
 			class="recording-server__checkbox"

src/components/AdminSettings/SignalingServer.vue

@@ -9,10 +9,10 @@
 			class="signaling-server__textfield"
 			name="signaling_server"
 			placeholder="wss://signaling.example.org"
-			:value="server"
+			:model-value="server"
 			:disabled="loading"
 			:label="t('spreed', 'High-performance backend URL')"
-			@update:value="updateServer" />
+			@update:model-value="updateServer" />
 
 		<NcCheckboxRadioSwitch :checked="verify"
 			class="signaling-server__checkbox"

src/components/AdminSettings/StunServer.vue

@@ -14,11 +14,11 @@
 				name="stun_server"
 				class="stun-server__input"
 				placeholder="stunserver:port"
-				:value="server"
+				:model-value="server"
 				:disabled="loading"
 				:aria-label="t('spreed', 'STUN server URL')"
 				label-outside
-				@update:value="update" />
+				@update:model-value="update" />
 		</div>
 
 		<AlertCircle v-show="!isValidServer"

src/components/AdminSettings/TurnServer.vue

@@ -24,10 +24,10 @@
 			class="turn-server__textfield"
 			:class="{ error: turnServerError }"
 			:title="turnServerError"
-			:value="server"
+			:model-value="server"
 			:disabled="loading"
 			:label="t('spreed', 'TURN server URL')"
-			@update:value="updateServer" />
+			@update:model-value="updateServer" />
 
 		<NcPasswordField ref="turn_secret"
 			v-model="turnSecret"

src/components/GuestWelcomeWindow.vue

@@ -21,7 +21,7 @@
 
 			<label for="textField">{{ t('spreed', 'Enter your name') }}</label>
 			<NcTextField id="textField"
-				:value.sync="guestUserName"
+				v-model="guestUserName"
 				:placeholder="t('spreed', 'Guest')"
 				class="username-form__input"
 				:show-trailing-button="false"

src/components/LeftSidebar/CallPhoneDialog/CallPhoneDialog.vue

@@ -13,10 +13,10 @@
 		<template v-if="!loading">
 			<div class="call-phone__form">
 				<NcTextField ref="textField"
+					v-model="searchText"
 					class="call-phone__form-input"
 					:label="t('spreed', 'Search participants or phone numbers')"
 					label-visible
-					:value.sync="searchText"
 					@keydown.enter="createConversation(participantPhoneItem)" />
 				<DialpadPanel container=".call-phone__form"
 					:value.sync="searchText"

src/components/NewConversationDialog/NewConversationContactsPage.vue

@@ -8,8 +8,8 @@
 		<!-- Search -->
 		<div class="set-contacts__form">
 			<NcTextField ref="setContacts"
+				v-model="searchText"
 				v-intersection-observer="visibilityChanged"
-				:value.sync="searchText"
 				type="text"
 				class="set-contacts__form-input"
 				:label="textFieldLabel"

src/components/NewMessage/NewMessageNewFileDialog.vue

@@ -14,12 +14,11 @@
 			@submit.prevent="handleCreateNewFile">
 			<NcTextField id="new-file-form-name"
 				ref="textField"
+				v-model="newFileTitle"
 				:error="!!newFileError"
 				:helper-text="newFileError"
 				:label="t('spreed', 'Name of the new file')"
-				:placeholder="newFileTitle"
-				:value="newFileTitle"
-				@update:value="updateNewFileTitle" />
+				:placeholder="newFileTitle" />
 
 			<ul v-if="templates.length > 1" class="templates-picker__list">
 				<NewMessageTemplatePreview v-for="template in templates"
@@ -177,9 +176,6 @@ export default {
 
 	methods: {
 		t,
-		updateNewFileTitle(value) {
-			this.newFileTitle = value
-		},
 
 		// Create text file and share it to a conversation
 		async handleCreateNewFile() {

src/components/NewMessage/NewMessagePollEditor.vue

@@ -23,7 +23,7 @@
 			{{ t('spreed', 'Question') }}
 		</p>
 		<div class="poll-editor__wrapper">
-			<NcTextField :value.sync="pollForm.question" :label="t('spreed', 'Ask a question')" v-on="$listeners" />
+			<NcTextField v-model="pollForm.question" :label="t('spreed', 'Ask a question')" v-on="$listeners" />
 			<!--native file picker, hidden -->
 			<input id="poll-upload"
 				ref="pollImport"
@@ -54,7 +54,7 @@
 			:key="index"
 			class="poll-editor__option">
 			<NcTextField ref="pollOption"
-				:value.sync="pollForm.options[index]"
+				v-model="pollForm.options[index]"
 				:label="t('spreed', 'Answer {option}', {option: index + 1})" />
 			<NcButton v-if="pollForm.options.length > 2"
 				type="tertiary"

src/components/RoomSelector.vue

@@ -11,7 +11,7 @@
 			<p v-if="dialogSubtitle" class="selector__subtitle">
 				{{ dialogSubtitle }}
 			</p>
-			<NcTextField :value.sync="searchText"
+			<NcTextField v-model="searchText"
 				trailing-button-icon="close"
 				class="selector__search"
 				:label="t('spreed', 'Search conversations or users')"

src/components/SetGuestUsername.vue

@@ -18,7 +18,7 @@
 
 		<NcTextField v-else
 			ref="usernameInput"
-			:value.sync="guestUserName"
+			v-model="guestUserName"
 			:placeholder="t('spreed', 'Guest')"
 			class="username-form__input"
 			:show-trailing-button="!!guestUserName"

src/components/UIShared/SearchBox.vue

@@ -5,7 +5,7 @@
 
 <template>
 	<NcTextField ref="searchConversations"
-		:value="value"
+		:model-value="value"
 		:aria-label="placeholderText"
 		:aria-describedby="ariaDescribedby"
 		:placeholder="placeholderText"
@@ -14,7 +14,7 @@
 		label-outside
 		@focus="handleFocus"
 		@blur="handleBlur"
-		@update:value="updateValue"
+		@update:model-value="updateValue"
 		@trailing-button-click="abortSearch"
 		@keydown.esc="abortSearch">
 		<IconMagnify :size="16" />