From 7f96ad9cb4fe5e2bbc68adc8a8f79c8e6c65cc5b Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Mon, 8 Aug 2022 15:53:16 -0700
Subject: [PATCH] try to thing

---
 packages/client/src/components/media-caption.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/media-caption.vue b/packages/client/src/components/media-caption.vue
index b6285902d..969b53165 100644
--- a/packages/client/src/components/media-caption.vue
+++ b/packages/client/src/components/media-caption.vue
@@ -7,7 +7,7 @@
 					<Mfm v-if="title" class="title" :text="title"/>
 					<span class="text-count" :class="{ over: remainingLength < 0 }">{{ remainingLength }}</span>
 				</header>
-				<textarea v-model="inputValue" autofocus :placeholder="input.placeholder" @keydown="onInputKeydown"></textarea>
+				<textarea id="captioninput" v-model="inputValue" autofocus :placeholder="input.placeholder" @keydown="onInputKeydown"></textarea>
 				<div v-if="(showOkButton || showCaptionButton || showCancelButton)" class="buttons">
 					<MkButton inline primary :disabled="remainingLength < 0" @click="ok">{{ $ts.ok }}</MkButton>
 					<MkButton inline @click="caption" >{{ $ts.caption }}</MkButton>
@@ -153,7 +153,9 @@ export default defineComponent({
 				tessedit_pageseg_mode: PSM.SINGLE_BLOCK,
 			});
 			const { data: { text } } = await worker.recognize(img);
-			console.log(text);
+			const allowedLength = 512 - this.inputValue.length;
+			// @ts-ignore
+			document.getElementById("captioninput").value += text.slice(0, allowedLength);
 		},
 	},
 });