Fix textarea / input trimming to harshly

Fixes #3200

app/src/components/v-input/v-input.vue

@@ -133,6 +133,7 @@ export default defineComponent({
 			...listeners,
 			input: emitValue,
 			keydown: processValue,
+			blur: trimIfEnabled,
 		}));
 
 		const hasClick = computed(() => {
@@ -179,16 +180,18 @@ export default defineComponent({
 			emit('keydown', event);
 		}
 
+		function trimIfEnabled() {
+			if (props.value && props.trim) {
+				emit('input', String(props.value).trim());
+			}
+		}
+
 		function emitValue(event: InputEvent) {
 			let value = (event.target as HTMLInputElement).value;
 
 			if (props.type === 'number') {
 				emit('input', Number(value));
 			} else {
-				if (props.trim === true) {
-					value = value.trim();
-				}
-
 				if (props.slug === true) {
 					const endsWithSpace = value.endsWith(' ');
 					value = slugify(value, { separator: props.slugSeparator });

app/src/components/v-textarea/v-textarea.vue

@@ -52,13 +52,14 @@ export default defineComponent({
 		},
 		trim: {
 			type: Boolean,
-			default: true,
+			default: false,
 		},
 	},
 	setup(props, { emit, listeners }) {
 		const _listeners = computed(() => ({
 			...listeners,
 			input: emitValue,
+			blur: trimIfEnabled,
 		}));
 
 		const hasContent = computed(() => props.value && props.value.length > 0);
@@ -66,12 +67,15 @@ export default defineComponent({
 		return { _listeners, hasContent };
 
 		function emitValue(event: InputEvent) {
-			let value = (event.target as HTMLInputElement).value;
-			if (props.trim === true) {
-				value = value.trim();
-			}
+			const value = (event.target as HTMLInputElement).value;
 			emit('input', value);
 		}
+
+		function trimIfEnabled() {
+			if (props.value && props.trim) {
+				emit('input', props.value.trim());
+			}
+		}
 	},
 });
 </script>