Integração com Vuelidate
Ligue isCPF e isCNPJ do validation-br a um $validator do Vuelidate.
O Vuelidate é usado para validação de estado em aplicações Vue.js. Uma das funções isX do validation-br pode ser usada diretamente como um $validator customizado, tanto para CPF quanto para CNPJ — incluindo o formato alfanumérico de CNPJ. A mesma técnica usada abaixo para cpfValido vale, sem alterações, para criar um cnpjValido alfanumérico. Este guia usa a API de funções soltas da versão 1.x; para projetos novos, veja a integração com Vuelidate na versão 2.0.
Como validar CPF e CNPJ alfanumérico com Vuelidate
js
import { isCPF } from 'validation-br';
import { helpers } from '@vuelidate/validators';
const cpfValido = helpers.withMessage('CPF inválido', isCPF);O mesmo padrão serve para CNPJ:
js
import { isCNPJ } from 'validation-br';
// já valida CNPJ alfanumérico (novo formato, a partir de 2026)
const cnpjValido = helpers.withMessage('CNPJ inválido', isCNPJ);Como usar
js
// Definição das regras do Vuelidate
const rules = {
cpf: { cpfValido },
cnpj: { cnpjValido },
};