From 7e17a5b562fdbcfff6913e9e4fccd6b5f3862b64 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sun, 5 Feb 2023 23:23:12 +0800
Subject: [PATCH] added row property to textarea component

---
 components/element/TextArea.vue | 2 ++
 pages/notes/[id].vue            | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/element/TextArea.vue b/components/element/TextArea.vue
index 3c3634b..7390b05 100644
--- a/components/element/TextArea.vue
+++ b/components/element/TextArea.vue
@@ -2,6 +2,7 @@
 	<textarea
 		class="bg-secondary w-full max-w-2xl resize-none border-none outline-none placeholder:text-zinc-700 focus:outline-none"
 		v-model="data"
+		:rows="props.row"
 		:placeholder="props.placeholder"
 		@input="updateData()">
 	</textarea>
@@ -11,6 +12,7 @@
 	interface Props {
 		modelValue: string;
 		placeholder?: string;
+		row?: number;
 	}
 
 	const props = defineProps<Props>();
diff --git a/pages/notes/[id].vue b/pages/notes/[id].vue
index 2006e1d..f3ad8bb 100644
--- a/pages/notes/[id].vue
+++ b/pages/notes/[id].vue
@@ -5,7 +5,8 @@
 				@keydown.ctrl.s.prevent="submit(note)"
 				v-model="note.title"
 				placeholder="untitled"
-				class="bg-primary focus:bg-secondary text-center" />
+				rows="1"
+				class="text-center" />
 			<div class="menu">
 				<button @click="submit(note)">
 					<Icon