Vue Password Checker

A configurable password strength checker for Vue js

#### Github Repo

#### NPM

Installation

Vue password checker can be installed with both npm and yarn as usual.

``bash
npm install vue-password-checker

yarn add vue-password-checker
`

And then can be imported into your project.

`js
import 'PasswordChecker' from "vue-password-checker";
`

Configuration

Vue Password checker takes the following props for configuration:

$3

Type: String
The variable to be checked.

required

$3

Type: Boolean
Used to define the font the text will use.

default: false

$3

Type: Object
Used to define the colors the strength bar and text will use.

default:
`js
{
invalid: '#000',
very_weak: '#FFF',
weak: '#d44137',
good: '#e36e0e',
strong: '#c4c934',
very_strong: '#24ed09',
}
`

$3

Type: Boolean
When true, a list will be shown instructing what counts as strong password.

default: false

$3

Type: Number
The minimum length the password checker should look for.

default: 6

Functions

In order to get the strength value for the password the component is tracking, you can use the getStrength() function, a value from 0 to 100 is returned.

`js



`

Example

The password checker has a slot for inputs to sit in so can be used in this way:

`js



`

Or separately

`js


``