feat: add labels to textarea elements in translate modal

Signed-off-by: Luka Trovic <[email protected]>

src/components/Modal/Translate.vue

@@ -35,8 +35,9 @@
 							:disabled="disableFromLanguageSelect"
 							:append-to-body="false" />
 					</div>
-					<textarea ref="input"
+					<NcTextArea ref="input"
 						v-model="input"
+						:label="t('text', 'Text to translate from')"
 						autofocus
 						@input="autosize"
 						@focus="onInputFocus" />
@@ -51,8 +52,9 @@
 							:disabled="!fromLanguage"
 							:append-to-body="false" />
 					</div>
-					<textarea ref="result"
+					<NcTextArea ref="result"
 						v-model="result"
+						:label="t('text', 'Translated text result')"
 						readonly
 						:class="{'icon-loading': loading }" />
 				</div>
@@ -80,7 +82,7 @@
 import axios from '@nextcloud/axios'
 import { loadState } from '@nextcloud/initial-state'
 import { generateOcsUrl } from '@nextcloud/router'
-import { NcModal, NcButton, NcSelect, NcLoadingIcon } from '@nextcloud/vue'
+import { NcModal, NcButton, NcSelect, NcLoadingIcon, NcTextArea } from '@nextcloud/vue'
 import { useIsMobileMixin } from '../Editor.provider.js'
 
 const detectLanguageEntry = {
@@ -95,6 +97,7 @@ export default {
 		NcButton,
 		NcSelect,
 		NcLoadingIcon,
+		NcTextArea,
 	},
 	mixins: [
 		useIsMobileMixin,