National Preventative Mechanism
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

vue-convenia-util

1.0.0 • Public • Published

Vue Convenia Util

Build Status JavaScript Style Guide

Plugin com validações, formatações e filtros para projetos Vue. Validação e formatação de CPF, CNPJ, datas, dinheiro (R$) etc.

Instalação

Instale a dependência publicada no NPM.

yarn add vue-convenia-util

Instalação global

Adiciona todas as funcionalidades descritas no objeto de configuração ao protótipo do Vue e consequentemente aos componentes.

import Vue from 'vue'
import Util from 'vue-convenia-util'
 
Vue.use(Util, {
  formatters: true,
  formatFilters: true
})
 
new Vue({
  ...
<template>
  <strong>CPF: {{ user.document | toCPF }}</strong>
  <strong>{{ cash }}</strong>
</template>
 
<script>
  export default {
    data: () => ({ user: { ... } })
    computed: {
      cash() {
        return this.$format.toMoney(this.user.cash)
      }
    }

Integração com o vee-validate

O Util disponibiliza a função integrate que serve basicamente para o integrar em outras libs. Com o vee-validade, e por enquanto só com ele mesmo, basta usar essa função.

import Util from 'vue-convenia-util'
import VeeValidate, { Validator } from 'vee-validate'
 
// Util.integrate(nome da lib, objeto de integração, opções opcionais)
 
Util.integrate('vee-validate', Validator, {
  isEmail: {        // Por padrão apenas o isEmail é a única função que não é
    name: 'email',  // injetada no Validator e essa é a forma de faze-lo.
    getMessage: () => 'Email inválido.'
  }
})

Install

npm i vue-convenia-util

DownloadsWeekly Downloads

25

Version

1.0.0

License

MIT

Unpacked Size

495 kB

Total Files

23

Last publish

Collaborators

  • avatar
  • avatar
  • avatar