https://github.com/pitu/vue-isyourpasswordsafe

A small utility written in Vue that checks if the given password has been leaked against the Have I Been Pwned API.
https://github.com/pitu/vue-isyourpasswordsafe

Last synced: about 2 months ago
JSON representation

A small utility written in Vue that checks if the given password has been leaked against the Have I Been Pwned API.

• Host: GitHub
• URL: https://github.com/pitu/vue-isyourpasswordsafe
• Owner: Pitu
• License: mit
• Created: 2018-05-30T05:05:46.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T03:23:19.000Z (about 2 years ago)
• Last Synced: 2025-01-21T14:49:22.271Z (3 months ago)
• Language: Vue
• Homepage: https://pitu.github.io/vue-isyourpasswordsafe
• Size: 3.48 MB
• Stars: 38
• Watchers: 3
• Forks: 3
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


	



[![NPM version](https://img.shields.io/npm/v/vue-isyourpasswordsafe.svg?style=flat-square)](https://npmjs.com/package/vue-isyourpasswordsafe)

[![NPM downloads](https://img.shields.io/npm/dm/vue-isyourpasswordsafe.svg?style=flat-square)](https://npmjs.com/package/vue-isyourpasswordsafe)

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://raw.githubusercontent.com/Pitu/vue-isyourpasswordsafe/master/LICENSE)

[![Chat / Support](https://img.shields.io/badge/Chat%20%2F%20Support-discord-7289DA.svg?style=flat-square)](https://discord.gg/5g6vgwn)

[![Support me](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Fshieldsio-patreon.herokuapp.com%2Fpitu&style=flat-square)](https://www.patreon.com/pitu)

[![Support me](https://img.shields.io/badge/Support-Buy%20me%20a%20coffee-yellow.svg?style=flat-square)](https://www.buymeacoffee.com/kana)

### Introduction

Troy Hunt has repeatedly made a wonderful job keeping up with good security measures regarding personal data, more specificaly making the site [Have I Been Pwned](https://haveibeenpwned.com). On his latest [blog post](https://www.troyhunt.com/pwned-passwords-in-practice-real-world-examples-of-blocking-the-worst-passwords/) he explains a new technique to search through the database of leaked passwords in a smart and fast way giving developers a tool to ensure that a user is not signing up their projects with compromised passwords.

Developers should start making sure that their users don't use compromised passwords, and by using this directive on your inputs you can take the first step into achieving that.

### Installation

```bash

yarn add vue-isyourpasswordsafe

# or

npm i vue-isyourpasswordsafe

```

### Breaking changes in v2.0.0

Before v2.0.0 this plugin offered a custom component that has now been deprecated in favor of a directive.

### Usage

All you need to do is initialize the plugin to be able to use the directive or the custom method explained below.

```js

import VueIsYourPasswordSafe from 'vue-isyourpasswordsafe'

Vue.use(VueIsYourPasswordSafe);

```

Make sure to check [the example](https://pitu.github.io/vue-isyourpasswordsafe/), but once loaded you can use it in your own component and react to the emitted `@safe` event to check for the boolean result:

```html

Authored and maintained by Pitu.

> GitHub [@Pitu](https://github.com/Pitu) · Twitter [@Pitu](https://twitter.com/its_pitu)