npmpackage.info

Gathering detailed insights and metrics for @vee-validate/yup

Other packages similar to @vee-validate/yup

@zaalbarxx/vee-validate-yup

4.15.0

vee-validate integration with yup schema validation

use-binds

1.1.5

generate form binds from veeValidate useForm() composable

@wdns/vuetify-stepper-form

1.2.8

The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and stream

Gathering detailed insights and metrics for @vee-validate/yup

@vee-validate/yup - 4.15.1 | npmpackage.info

@vee-validate/yup

✅ Painless Vue forms

4.15.1

11,066

MIT

TypeScript

10.41 kB

2,521,231 3.9

Installations

npm install @vee-validate/yup

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

22.16.0

NPM Version

10.9.2 Score

81.6

Supply Chain

99.5

Quality

86.6

Maintenance

100

Vulnerability

99.6

License

Pull Requests

Open

4

Total

949

Closed

121

Merged

824

Issues

Open

113

Total

3,537

Closed

3,424

Releases

314

v4.15.1

Updated on Jun 07, 2025

v4.15.0

Updated on Dec 22, 2024

v4.14.7

Updated on Nov 08, 2024

v4.14.6

Updated on Oct 30, 2024

v4.14.5

Updated on Oct 30, 2024

v4.14.4

Updated on Oct 23, 2024

View All 314 releases

Languages

TypeScript

JavaScript

Shell

TypeScript (98.12%)

JavaScript (1.84%)

Shell (0.04%)

Developer

logaretm

Download Statistics

Total Downloads

2,521,231

Last Day

1,274

Last Week

41,249

Last Month

177,136

Last Year

1,854,514

GitHub Statistics

MIT License

11,066 Stars

4,844 Commits

1,294 Forks

112 Watchers

12 Branches

355 Contributors

Updated on Jun 30, 2025

Bundle Size

33.92 kB

Minified

10.41 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 355 Contributors

Package Meta Information

Latest Version

4.15.1

Package Id

@vee-validate/yup@4.15.1

Unpacked Size

24.23 kB

Size

5.35 kB

File Count

NPM Version

10.9.2

Node Version

22.16.0

Published on

Jun 07, 2025

Total Downloads

Cumulative downloads

Total Downloads

2,521,231

Last Day

-12.9%

1,274

Compared to previous day

Last Week

-8.5%

41,249

Compared to previous week

Last Month

2.2%

177,136

Compared to previous month

Last Year

184%

1,854,514

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

type-fest vee-validate

Peer Dependencies

yup

@vee-validate/yup

Official vee-validate integration with Yup schema validation

Getting started

You can use yup as a typed schema with the @vee-validate/yup package:

1# npm
2npm install @vee-validate/yup
3# yarn
4yarn add @vee-validate/yup
5# pnpm
6pnpm add @vee-validate/yup

The @vee-valdiate/yup package exposes a toTypedSchema function that accepts any yup schema. Which then you can pass along to validationSchema option on useForm.

This makes the form values and submitted values typed automatically and caters for both input and output types of that schema.

1import { useForm } from 'vee-validate';
2import { object, string } from 'yup';
3import { toTypedSchema } from '@vee-validate/yup';
4
5const { values, handleSubmit } = useForm({
6  validationSchema: toTypedSchema(
7    object({
8      email: string().required(),
9      password: string().required(),
10      name: string(),
11    })
12  ),
13});
14
15// ❌ Type error, which means `values` is type-safe
16values.email.endsWith('@gmail.com');
17
18handleSubmit(submitted => {
19  // No errors, because email is required!
20  submitted.email.endsWith('@gmail.com');
21
22  // ❌ Type error, because `name` is not required so it could be undefined
23  // Means that your fields are now type safe!
24  submitted.name.length;
25});

Yup default values

You can also define default values on your schema directly and it will be picked up by the form:

1import { useForm } from 'vee-validate';
2import { object, string } from 'yup';
3import { toTypedSchema } from '@vee-validate/yup';
4
5const { values, handleSubmit } = useForm({
6  validationSchema: toTypedSchema(
7    object({
8      email: string().required().default('something@email.com'),
9      password: string().required().default(''),
10      name: string().default(''),
11    })
12  ),
13});

Your initial values will be using the schema defaults, and also the defaults will be used if the values submitted is missing these fields.

Yup transforms

You can also define transforms to cast your fields before submission:

1import { useForm } from 'vee-validate';
2import { object, number } from 'yup';
3import { toTypedSchema } from '@vee-validate/yup';
4
5const { values, handleSubmit } = useForm({
6  validationSchema: toTypedSchema(
7    object({
8      age: number()
9        .transform(val => Number(val))
10        .required(),
11    })
12  ),
13});

But note that this does not change the input or output types of the casted fields. The cast will only occur when setting the initial value and when the values are submitted.

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

5

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.9

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More