\n\nOfficial vee-validate's Nuxt module\n\n## Features\n\n- Auto import of vee-validate components\n- Auto import of vee-validate composables\n- Detecting if you are using `zod` or `yup` and exposing the `toTypedSchema` suitable for either.\n\n## Getting Started\n\nIn your nuxt project install the vee-validate nuxt module:\n\n```sh\n# npm\nnpm i @vee-validate/nuxt\n\n# pnpm\npnpm add @vee-validate/nuxt\n\n# yarn\nyarn add @vee-validate/nuxt\n```\n\nThen add the module to your `modules` config in `nuxt.config.ts`:\n\n```ts\nexport default defineNuxtConfig({\n // ...\n modules: [\n //...\n '@vee-validate/nuxt',\n ],\n});\n```\n\n## Types\n\nNo types are exposed by default to avoid having conflicts with other libraries, aside from vee-validate's main API components/composables. You can still import them via `vee-validate`.\n\n## Configuration\n\nYou can configure a few aspects of the `@vee-validate/nuxt` module. Here is the config interface:\n\n```ts\nexport default defineNuxtConfig({\n // ...\n modules: [\n //...\n [\n '@vee-validate/nuxt',\n {\n // disable or enable auto imports\n autoImports: true,\n // Use different names for components\n componentNames: {\n Form: 'VeeForm',\n Field: 'VeeField',\n FieldArray: 'VeeFieldArray',\n ErrorMessage: 'VeeErrorMessage',\n },\n },\n ],\n ],\n});\n```\n\nYou can also use the `veeValidate` config key instead of the array syntax:\n\n```ts\nexport default defineNuxtConfig({\n // ...\n modules: [\n //...\n '@vee-validate/nuxt',\n ],\n veeValidate: {\n // disable or enable auto imports\n autoImports: true,\n // Use different names for components\n componentNames: {\n Form: 'VeeForm',\n Field: 'VeeField',\n FieldArray: 'VeeFieldArray',\n ErrorMessage: 'VeeErrorMessage',\n },\n },\n});\n```\n","readmeFilename":"README.md"}
![](\"https://github.com/logaretm/vee-validate/raw/main/logo.png\"){kind=logo}
\n \n\n \n ![](\"https://nuxt.com/assets/design-kit/logo/icon-green.svg\"){kind=icon}
\n \n
\n \n