diff --git a/packages/client/src/components/media-caption.vue b/packages/client/src/components/media-caption.vue
index 96606a8b29..a2df31fd27 100644
--- a/packages/client/src/components/media-caption.vue
+++ b/packages/client/src/components/media-caption.vue
@@ -146,7 +146,6 @@ export default defineComponent({
 
 		caption: async () => {
 			const img = document.getElementById('imgtocaption');
-			const textarea = document.getElementById("captioninput");
 			await worker.load();
 			await worker.loadLanguage('eng');
 			await worker.initialize('eng', OEM.LSTM_ONLY);
@@ -154,8 +153,9 @@ export default defineComponent({
 				tessedit_pageseg_mode: PSM.SINGLE_BLOCK,
 			});
 			const { data: { text } } = await worker.recognize(img);
-			const allowedLength = 512 - textarea.value.length;
-			textarea.value += text.slice(0, allowedLength);
+			console.log(text);
+			const allowedLength = 512 - this.inputValue.length;
+			this.inputValue += text.slice(0, allowedLength);
 		},
 	},
 });