From a752dcab3053ed769f4862cbd2cbd0758cfeb236 Mon Sep 17 00:00:00 2001
From: Johann150 <johann.galle@protonmail.com>
Date: Sun, 31 Jul 2022 13:33:09 +0200
Subject: [PATCH] fix lints from refactoring

closes https://akkoma.dev/FoundKeyGang/FoundKey/pulls/48

Co-authored-by: Francis Dinh <normandy@biribiri.dev>
---
 .../client/src/components/form/textarea.vue   | 37 ++++++++++---------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/packages/client/src/components/form/textarea.vue b/packages/client/src/components/form/textarea.vue
index e4bd26706..844d708b9 100644
--- a/packages/client/src/components/form/textarea.vue
+++ b/packages/client/src/components/form/textarea.vue
@@ -12,7 +12,7 @@
 			:readonly="readonly"
 			:placeholder="placeholder"
 			:pattern="pattern"
-			:autocomplete="autocomplete"
+			:autocomplete="autocomplete ? 'on' : 'off'"
 			:spellcheck="spellcheck"
 			@focus="focused = true"
 			@blur="focused = false"
@@ -62,34 +62,40 @@ const props = withDefaults(defineProps<{
 	manualSave: false,
 });
 
-const { modelValue, autofocus } = toRefs(props);
+const { modelValue } = toRefs(props);
 // modelValue is read only, so a separate ref is needed.
 const v = $ref(modelValue.value);
 
-const focused = $ref(false);
-const changed = $ref(false);
-const invalid = $ref(false);
-const filled = computed(() => modelValue.value !== '' && modelValue.value != null);
-const inputEl = $ref(null);
+let focused = $ref(false);
+let changed = $ref(false);
+let invalid = $ref(false);
+let inputEl: HTMLTextAreaElement | null = $ref(null);
 
-const focus = () => inputEl.focus();
-const onInput = evt => {
+const filled = computed(() => modelValue.value !== '' && modelValue.value != null);
+
+const focus = (): void => {
+	inputEl?.focus();
+};
+
+const onInput = (evt: HTMLInputEvent): void => {
 	changed = true;
 	emit('change', evt);
 };
-const onKeydown = (evt: KeyboardEvent) => {
+
+const onKeydown = (evt: KeyboardEvent): void => {
 	emit('keydown', evt);
 	if (evt.code === 'Enter') {
 		emit('enter');
 	}
 };
-const updated = () => {
+
+const updated = (): void => {
 	changed = false;
 	emit('update:modelValue', v);
 };
 const debouncedUpdated = debounce(1000, updated);
 
-watch(modelValue, newValue => {
+watch(modelValue, () => {
 	if (!props.manualSave) {
 		if (props.debounce) {
 			debouncedUpdated();
@@ -98,15 +104,12 @@ watch(modelValue, newValue => {
 		}
 	}
 
-	invalid = inputEl.validity.badInput;
+	invalid = inputEl?.validity.badInput ?? false;
 });
 
-
 onMounted(() => {
 	nextTick(() => {
-		if (props.autofocus) {
-			inputEl.focus();
-		}
+		if (props.autofocus) focus();
 	});
 });
 </script>