Real-Time Password Strength Checking for Wrium

Описание и применение

Плагин Wrium Password Strength обеспечивает мгновенную проверку сложности пароля в реальном времени, блокируя распространённые пароли, последовательности и повторяющиеся символы, а также оценивая разнообразие символов. Он облегчает разработчикам интеграцию клиентской проверки безопасности без дополнительных зависимостей.

Задача

Signup forms often accept weak passwords like "password123" before server validation, leading to poor security and user frustration.

Результат

The plugin adds a lightweight (≈1 KB) directive that checks passwords in real time, blocking common passwords, detecting sequential or repeated characters, and scoring character variety. It improves security by preventing weak passwords from being submitted and enhances user experience with immediate feedback.

Рабочий процесс

• Install the plugin via npm: npm install @wrium/password-strength. Register the plugin in the app with desired rules: createApp(...).use(PasswordStrengthPlugin, {minLength:10, minScore:'good'}).mount('#app'). Add the v-password-strength directive to a password input and bind it to a ref. On each keystroke, the directive updates the bound ref with {label, valid, reasons}. Use the ref to display the strength label, list hints, or disable the submit button until valid is true. Optionally, use the exported assessPassword function for non‑reactive validation before sending data to the server.

Доказательства

It adds a single directive, v-password-strength, that checks a password on every input and tells you whether it's good enough.

Источник

It has zero dependencies and weighs around 1 KB.

Источник

The built‑in blocklist is short. It catches the obvious offenders, but it's not a breach‑database lookup.

Источник