Checking-for-password-complexity

Works only with vue version 3.

Setup

<script setup>
  import VueCheckPassword from "vue-check-password";
  import "vue-check-password/dist/style.css";
</script>

Demo here

Props

modelValue

Type: string
Required: true

passing the password

only-error

Type: boolean
Required: false
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
Required: false
Default: default

allows you to display error text

customerError

Type: object | null
Required: false
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
Required: false
value: { value: string, error: boolean }

<template>
   <input v-model="password" type="password">
   <check-password v-model="password" only-error>
      <template v-slot="message">
         {{ message }}
      </template>
   </check-password>
</template>