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>