Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vuelidate-error-extractor

Package Overview
Dependencies
Maintainers
1
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vuelidate-error-extractor

Helps showing vuelidate error messages from translation files.

  • 2.4.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
3.9K
increased by6.74%
Maintainers
1
Weekly downloads
 
Created
Source

Vuelidate-error-extractor logo

Vuelidate Error Extractor

Vuelidate-error-extractor makes error message display from vuelidate a breeze. Be it for a single form element or all displaying all the errors in a form.

Key features

  • :rocket: Easy to use
  • :boom: Flexible - can be tailored to fit your needs
  • :fire: Optional templates - yey mixins and slots!!!
  • :punch: No extra styling mucking your own
  • :muscle: Tested

Error messages can be styled to fit either Foundation 6, Bootstrap 3 and Bootstrap 4 styles out of the box, or can be totally customized via your own custom templates.

Vuelidate-error-extractor is also able to work with vue-i18n or any vue translation plugin as long as it exposes a $t function to the Vue prototype. We also support predefining custom validation messages for all components and overriding them per component.

Example

See the Pen Vuelidate Error extractor Usage Example

Upgrade Guide

Version 2 added some breaking changes. Instead of reaching into templates directly for the predefined templates, you need to go into either templates.singleErrorExtractor or templates.multiErrorExtractor. Everything else is backwards compatible.

import VuelidateErrorExtractor, { templates } from 'vuelidate-error-extractor'
Vue.use(VuelidateErrorExtractor, {
  template: templates.singleErrorExtractor.foundaton6
})

Documentation

Documentation and examples can be found at http://dobromir-hristov.github.io/vuelidate-error-extractor/

Changelog

Detailed changes for each release are documented in the CHANGELOG.md.

Issues

Please make sure to read the Issue Reporting Checklist before opening an issue. Issues not conforming to the guidelines may be closed immediately.

Contribution

Please make sure to read the Contributing Guide before making a pull request.

License

MIT

Keywords

FAQs

Package last updated on 30 Dec 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc