diff --git a/formkit.config.ts b/formkit.config.ts
index 23166d7..afc760f 100644
--- a/formkit.config.ts
+++ b/formkit.config.ts
@@ -1,15 +1,15 @@
import type { FormKitNode, FormKitOptions } from '@formkit/core'
import { createI18nPlugin, zh } from '@formkit/i18n'
import { genesisIcons } from '@formkit/icons'
-import { checkbox, createLibraryPlugin, form, group, range, submit, text, list, number } from '@formkit/inputs'
+import { checkbox, createLibraryPlugin, form, group, range, submit, text, list, number, textarea } from '@formkit/inputs'
import * as defaultRules from '@formkit/rules'
import { createThemePlugin } from '@formkit/themes'
import { createValidationPlugin } from '@formkit/validation'
import { /* defaultConfig, */ bindings } from '@formkit/vue'
import { rootClasses } from "./formkit.theme"
-import { createAutoAnimatePlugin } from '@formkit/addons'
+import { createAutoAnimatePlugin, createAutoHeightTextareaPlugin } from '@formkit/addons'
-const library = createLibraryPlugin({ text, form, submit, group, checkbox, range, list, number })
+const library = createLibraryPlugin({ text, form, submit, group, checkbox, range, list, number, textarea, })
const validation = createValidationPlugin(defaultRules)
const i18n = createI18nPlugin({ zh })
const theme = undefined;
@@ -55,11 +55,13 @@ function addAsteriskPlugin(node: FormKitNode) {
})
}
-
export default {
plugins: [
library, themePlugin, bindings, i18n, validation, addAsteriskPlugin,
+ // https://github.com/formkit/formkit/blob/ac1947a305eb5082ba95f53800305d080787cb32/packages/addons/src/plugins/autoHeightTextarea.ts
+ createAutoHeightTextareaPlugin(),
+
// https://auto-animate.formkit.com/#usage
// https://github.com/formkit/auto-animate/
// https://github.com/formkit/formkit/blob/46d64d05c1b37875fc6227853f2bcfa987550c91/packages/addons/src/plugins/autoAnimatePlugin.ts
diff --git a/src/App.vue b/src/App.vue
index 351f2aa..b04e58a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -124,7 +124,12 @@ const SCHEMA: FormKitSchemaDefinition = [
:plugins="[castNumber]"
class="mb-4"
/>
-
+