PasswordRequirements

npx acc-nuxt add PasswordRequirements

<script setup lang="ts">
const requirements = {
  '8-chars': '8 or more characters',
  'different-cases': 'Upper & Lowercase letters',
  'number': 'At least one number',
  'special-char': 'At least one special character',
  'max-length': 'Within the maximum limit of 30',
};

const requirementsValid = {
  '8-chars': true,
  'different-cases': true,
  'number': false,
  'special-char': false,
  'max-length': true,
};
</script>

<template>
  <AcceleratorBlocksPasswordRequirements
    :requirements="requirements"
    :requirements-valid="requirementsValid"
    :input-focused="true"
  />
</template>