From 68fa5df2e99be61e6e7d44238114b4b4e7ff5cd4 Mon Sep 17 00:00:00 2001
From: Enzo Innocenzi <enzo@innocenzi.dev>
Date: Tue, 5 Jul 2022 22:44:25 +0200
Subject: [PATCH 1/6] fix: replace border with box-shadow

This avoids overflow because of the padding
---
 packages/.vitepress/theme/styles/demo.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/.vitepress/theme/styles/demo.css b/packages/.vitepress/theme/styles/demo.css
index 9617f3c3f79..c30745904b3 100644
--- a/packages/.vitepress/theme/styles/demo.css
+++ b/packages/.vitepress/theme/styles/demo.css
@@ -101,8 +101,8 @@
     min-width: 20rem;
     font-size: 1.05rem;
     padding: 0.5em 1em 0.4em 1em;
-    border: 1px solid var(--vt-c-divider);
     border-radius: 4px;
+		box-shadow: var(--vt-c-divider) 0px 0px 0px 1px;
     margin: 0.5rem 0;
     outline: none;
     background: var(--vt-c-bg);

From 189a997f83bd56d74906c6ea8fc4f3731c33c5c8 Mon Sep 17 00:00:00 2001
From: Enzo Innocenzi <enzo@innocenzi.dev>
Date: Tue, 5 Jul 2022 22:45:59 +0200
Subject: [PATCH 2/6] feat: add `useTextareaAutosize`

---
 packages/contributors.json                 |  6 +++-
 packages/core/index.ts                     |  1 +
 packages/core/useTextareaAutosize/demo.vue | 17 ++++++++++
 packages/core/useTextareaAutosize/index.md | 24 +++++++++++++
 packages/core/useTextareaAutosize/index.ts | 39 ++++++++++++++++++++++
 5 files changed, 86 insertions(+), 1 deletion(-)
 create mode 100644 packages/core/useTextareaAutosize/demo.vue
 create mode 100644 packages/core/useTextareaAutosize/index.md
 create mode 100644 packages/core/useTextareaAutosize/index.ts

diff --git a/packages/contributors.json b/packages/contributors.json
index 238831518ee..89847bc52ea 100644
--- a/packages/contributors.json
+++ b/packages/contributors.json
@@ -166,6 +166,7 @@
   "phaust",
   "marktnoonan",
   "dm4t2",
+  "melishev",
   "mauriciabad",
   "mxmvshnvsk",
   "AldeonMoriak",
@@ -185,6 +186,7 @@
   "a1xon",
   "octref",
   "praburangki",
+  "preeteshjain",
   "QiroNT",
   "ramonakira",
   "Redemption198",
@@ -221,12 +223,14 @@
   "iGalaxyz",
   "winter-ice",
   "monkeywithacupcake",
-  "katsuyaU",
+  "kagurazaka-0",
   "koheing",
+  "kongmoumou",
   "laozei6401",
   "leovoon",
   "likeswinds",
   "lxhyl",
+  "lxnelyclxud",
   "lzdFeiFei",
   "meteorlxy",
   "odex21",
diff --git a/packages/core/index.ts b/packages/core/index.ts
index bebfc8af531..5a69fff4d7f 100644
--- a/packages/core/index.ts
+++ b/packages/core/index.ts
@@ -100,6 +100,7 @@ export * from './useStyleTag'
 export * from './useSwipe'
 export * from './useTemplateRefsList'
 export * from './useTextSelection'
+export * from './useTextareaAutosize'
 export * from './useThrottledRefHistory'
 export * from './useTimeAgo'
 export * from './useTimeoutPoll'
diff --git a/packages/core/useTextareaAutosize/demo.vue b/packages/core/useTextareaAutosize/demo.vue
new file mode 100644
index 00000000000..1d6bd92017a
--- /dev/null
+++ b/packages/core/useTextareaAutosize/demo.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { useTextarea } from '@vueuse/core'
+
+const { textarea, input } = useTextarea()
+</script>
+
+<template>
+  <div>
+    <span>Type, the textarea will grow:</span>
+    <textarea
+      ref="textarea"
+      v-model="input"
+      class="resize-none"
+      placeholder="What's on your mind?"
+    />
+  </div>
+</template>
diff --git a/packages/core/useTextareaAutosize/index.md b/packages/core/useTextareaAutosize/index.md
new file mode 100644
index 00000000000..bab630cc65c
--- /dev/null
+++ b/packages/core/useTextareaAutosize/index.md
@@ -0,0 +1,24 @@
+---
+category: Browser
+---
+
+# useTextareaAutosize
+
+Automatically update the height of a textarea element depending on its content.
+
+## Usage
+
+```vue
+<script setup lang="ts">
+const { textarea, input } = useTextarea()
+</script>
+
+<template>
+  <textarea
+    ref="textarea"
+    v-model="input"
+    class="resize-none"
+    placeholder="What's on your mind?"
+  />
+</template>
+```
diff --git a/packages/core/useTextareaAutosize/index.ts b/packages/core/useTextareaAutosize/index.ts
new file mode 100644
index 00000000000..557cdfa7e10
--- /dev/null
+++ b/packages/core/useTextareaAutosize/index.ts
@@ -0,0 +1,39 @@
+import type { MaybeRef } from '@vueuse/shared'
+import type { WatchSource } from 'vue-demi'
+import { ref, watch } from 'vue-demi'
+
+interface UseTextareaAutosizeOptions {
+  /** Textarea element to autosize. */
+  element?: MaybeRef<HTMLTextAreaElement | undefined>
+  /** Textarea content. */
+  input?: MaybeRef<string | undefined>
+  /** Watch sources that should trigger a textarea resize. */
+  watch?: WatchSource | Array<WatchSource>
+  /** Function called when the textarea size changes. */
+  onResize?: () => void
+}
+
+export function useTextarea(options?: UseTextareaAutosizeOptions) {
+  const textarea = ref<HTMLTextAreaElement>(options?.element as any)
+  const input = ref<string>(options?.input as any)
+
+  function triggerResize() {
+    if (!textarea.value)
+      return
+
+    textarea.value!.style.height = '1px'
+    textarea.value!.style.height = `${textarea.value?.scrollHeight}px`
+
+    options?.onResize?.()
+  }
+
+  watch([input, textarea], triggerResize, { immediate: true })
+
+  if (options?.watch)
+    watch(options.watch, triggerResize, { immediate: true, deep: true })
+
+  return {
+    textarea,
+    input,
+  }
+}

From 69e4230bef72b1ea0168954db29357c1235668b7 Mon Sep 17 00:00:00 2001
From: Enzo Innocenzi <enzo@innocenzi.dev>
Date: Wed, 6 Jul 2022 11:34:09 +0200
Subject: [PATCH 3/6] fix: update composable name

---
 packages/core/useTextareaAutosize/demo.vue | 4 ++--
 packages/core/useTextareaAutosize/index.md | 2 +-
 packages/core/useTextareaAutosize/index.ts | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/core/useTextareaAutosize/demo.vue b/packages/core/useTextareaAutosize/demo.vue
index 1d6bd92017a..324674c645a 100644
--- a/packages/core/useTextareaAutosize/demo.vue
+++ b/packages/core/useTextareaAutosize/demo.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useTextarea } from '@vueuse/core'
+import { useTextareaAutosize } from '@vueuse/core'
 
-const { textarea, input } = useTextarea()
+const { textarea, input } = useTextareaAutosize()
 </script>
 
 <template>
diff --git a/packages/core/useTextareaAutosize/index.md b/packages/core/useTextareaAutosize/index.md
index bab630cc65c..eb6bf38b303 100644
--- a/packages/core/useTextareaAutosize/index.md
+++ b/packages/core/useTextareaAutosize/index.md
@@ -10,7 +10,7 @@ Automatically update the height of a textarea element depending on its content.
 
 ```vue
 <script setup lang="ts">
-const { textarea, input } = useTextarea()
+const { textarea, input } = useTextareaAutosize()
 </script>
 
 <template>
diff --git a/packages/core/useTextareaAutosize/index.ts b/packages/core/useTextareaAutosize/index.ts
index 557cdfa7e10..21401cade8c 100644
--- a/packages/core/useTextareaAutosize/index.ts
+++ b/packages/core/useTextareaAutosize/index.ts
@@ -2,7 +2,7 @@ import type { MaybeRef } from '@vueuse/shared'
 import type { WatchSource } from 'vue-demi'
 import { ref, watch } from 'vue-demi'
 
-interface UseTextareaAutosizeOptions {
+export interface UseTextareaAutosizeOptions {
   /** Textarea element to autosize. */
   element?: MaybeRef<HTMLTextAreaElement | undefined>
   /** Textarea content. */
@@ -13,7 +13,7 @@ interface UseTextareaAutosizeOptions {
   onResize?: () => void
 }
 
-export function useTextarea(options?: UseTextareaAutosizeOptions) {
+export function useTextareaAutosize(options?: UseTextareaAutosizeOptions) {
   const textarea = ref<HTMLTextAreaElement>(options?.element as any)
   const input = ref<string>(options?.input as any)
 

From f2b3cb950ae8370f691715ae557c42f02631b7c7 Mon Sep 17 00:00:00 2001
From: Enzo Innocenzi <enzo@innocenzi.dev>
Date: Wed, 6 Jul 2022 11:34:32 +0200
Subject: [PATCH 4/6] style: use spaces instead of tabs

---
 packages/.vitepress/theme/styles/demo.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/.vitepress/theme/styles/demo.css b/packages/.vitepress/theme/styles/demo.css
index c30745904b3..9d3954f33cd 100644
--- a/packages/.vitepress/theme/styles/demo.css
+++ b/packages/.vitepress/theme/styles/demo.css
@@ -102,7 +102,7 @@
     font-size: 1.05rem;
     padding: 0.5em 1em 0.4em 1em;
     border-radius: 4px;
-		box-shadow: var(--vt-c-divider) 0px 0px 0px 1px;
+    box-shadow: var(--vt-c-divider) 0px 0px 0px 1px;
     margin: 0.5rem 0;
     outline: none;
     background: var(--vt-c-bg);

From 830cc1325da0af6d532cba110f8399d4ac915270 Mon Sep 17 00:00:00 2001
From: Enzo Innocenzi <enzo@innocenzi.dev>
Date: Wed, 6 Jul 2022 11:34:37 +0200
Subject: [PATCH 5/6] chore: update contributors

---
 packages/contributors.json | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/contributors.json b/packages/contributors.json
index 89847bc52ea..7a3a8c30600 100644
--- a/packages/contributors.json
+++ b/packages/contributors.json
@@ -24,6 +24,7 @@
   "donotloveshampo",
   "aa900031",
   "hengshanMWC",
+  "LittleSound",
   "ArcherGu",
   "daikiojm",
   "Demivan",
@@ -36,7 +37,8 @@
   "Talljack",
   "markthree",
   "AllenYu0118",
-  "LittleSound",
+  "FRSgit",
+  "chaii3",
   "peter50216",
   "lvjiaxuan",
   "amrbashir",
@@ -77,7 +79,6 @@
   "unknownzjc",
   "vaaski",
   "sapphi-red",
-  "FRSgit",
   "climba03003",
   "AaronBeaudoin",
   "soub4i",
@@ -102,6 +103,7 @@
   "benatkin",
   "blackhu0804",
   "Bobakanoosh",
+  "Brain777777",
   "bperel",
   "bryceandy",
   "MssText",
@@ -113,6 +115,7 @@
   "damienroche",
   "danmindru",
   "DesselBane",
+  "dfreier",
   "eggsy",
   "posva",
   "Maiquu",
@@ -133,6 +136,7 @@
   "HassanZahirnia",
   "Hebilicious",
   "hognevevle",
+  "Holi0317",
   "HomyeeKing",
   "hchiam",
   "IIFelix",
@@ -211,12 +215,12 @@
   "livthomas",
   "scvnc",
   "viniciuskneves",
+  "waldi",
   "yassilah",
   "Tahul",
   "xiaoxiangmoe",
   "Zenthae",
   "vhhsyt",
-  "chaii3",
   "r1ader",
   "hsyq",
   "hchlq",
@@ -236,6 +240,7 @@
   "odex21",
   "ordago",
   "tolking",
+  "qinwencheng",
   "reslear",
   "rhdehf1030",
   "sondh0127",
@@ -251,6 +256,7 @@
   "nooooooom",
   "Coiven",
   "songlairui",
+  "murongg",
   "jiangmaniu",
   "Hongbusi",
   "egoist"

From ac5034e6c682860f26a5d7a08a8cbdc05400f9fc Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Thu, 7 Jul 2022 02:08:46 +0800
Subject: [PATCH 6/6] Update packages/core/useTextareaAutosize/index.ts

---
 packages/core/useTextareaAutosize/index.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/core/useTextareaAutosize/index.ts b/packages/core/useTextareaAutosize/index.ts
index 21401cade8c..e81068eaf57 100644
--- a/packages/core/useTextareaAutosize/index.ts
+++ b/packages/core/useTextareaAutosize/index.ts
@@ -35,5 +35,6 @@ export function useTextareaAutosize(options?: UseTextareaAutosizeOptions) {
   return {
     textarea,
     input,
+    triggerResize,
   }
 }