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" /> - +