# vue-check-password

> Works only with vue version 3.

Latest version **1.0.6** (published 2023-07-26) · 0 weekly downloads

## Install

```sh
npm install vue-check-password
pnpm add vue-check-password
yarn add vue-check-password
bun add vue-check-password
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.6 |
| Published | 2023-07-26 |
| First published | 2023-07-25 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 8.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Maintainers | enquiet |
| Keywords | vue, vuejs, component, password, check |

## Links

- npm: https://www.npmjs.com/package/vue-check-password
- Repository: https://github.com/Enquiet/password-complexity-check-vue3
- Homepage: https://github.com/Enquiet/password-complexity-check-vue3#readme
- Issues: https://github.com/Enquiet/password-complexity-check-vue3/issues
- npm.io page: https://npm.io/package/vue-check-password

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^3.3.4

## Recent versions

- 1.0.6 (latest) — 2023-07-26
- 1.0.5 — 2023-07-25
- 1.0.4 — 2023-07-25
- 1.0.3 — 2023-07-25
- 1.0.2 — 2023-07-25
- 1.0.1 — 2023-07-25
- 1.0.0 — 2023-07-25
- 0.0.0 — 2023-07-25

## README

# Checking-for-password-complexity

Works only with vue version 3.

### Setup
```vue
<script setup>
  import VueCheckPassword from "vue-check-password";
  import "vue-check-password/dist/style.css";
</script>
```
[Demo here](https://codesandbox.io/p/sandbox/autumn-morning-sv563n?file=%2Fsrc%2FApp.vue%3A18%2C1)
### Props
#### modelValue
Type: `string`<br>
Required: `true`<br>

passing the password


#### only-error
Type: `boolean`<br>
Required: `false`<br>
Default: `true`

if the value is `true`, then only errors will be output
if the value is `false`, the entire list will be output


#### type
Type: `string`<br>
Required: `false`<br>
Default: `default`

allows you to display error text

#### customerError
Type: `object | null`<br>
Required: `false`<br>
Default: `null`

allows you to display the text of custom errors

| key      | description         |
|----------|--------------------------|
| letters  | digit not entered error  |
| number   | digit not entered error  |
| signs    | missing characters error |
| quantity | minimum character error|
| accuracy |    error in keryl|


### Slots
#### message
Type: `default`<br>
Required: `false`<br>
value: `{ value: string, error: boolean }`
```vue
<template>
   <input v-model="password" type="password">
   <check-password v-model="password" only-error>
      <template v-slot="message">
         {{ message }}
      </template>
   </check-password>
</template>
```

---
_Source: https://npm.io/package/vue-check-password · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._