Nuxt

Official Nuxt modules for Vue Formik register form components globally so you can use FormikForm, FormInput, FormTextArea, FormSelectField, and FormContentEditable without importing them in every file. Use useFormik and useFieldArray from vue-formik where needed.

Nuxt 3

vue-formik-nuxt3 is the Nuxt 3 module. Compatible with Nuxt ^3.0.0. GitHub

Installation

Setup

Add the module in nuxt.config.ts:

vue-formik-nuxt3 on npm →GitHub repo →

Nuxt 4

vue-formik-nuxt4 is the Nuxt 4 module. Compatible with Nuxt ^4.0.0. GitHub

Installation

Setup

Add the module in nuxt.config.ts:

vue-formik-nuxt4 on npm →GitHub repo →

Usage

After adding the module, form components are registered globally. Import useFormik and useFieldArray from vue-formik in your pages or components: