Comments (4)
Your imports are wrong.
You have to import zxcvbn
before vue-password-strength-meter
as it requires zxcvbn
to properly work.
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/zxcvbn.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-password-strength-meter.js"></script>
See: https://codepen.io/apertureless/pen/eYZWgYe
from vue-password-strength-meter.
Thanks, please add this to the Install section of readme.
from vue-password-strength-meter.
Thanks, please add this to the Install section of readme.
Well, that is nothing special to vue-password. It is just common javascript execution.
If you import vue.js after your component (in the browser), your component will not work.
If you import jquery after your jquery plugin script, your jquery plugin script will not work.
Parent dependencies need always be imported first if you using them directly in the browser.
from vue-password-strength-meter.
Thank you for the clarification. In my opinion it would still be useful to indicate how to install vue-password-strength-meter in the browser. Also because it may not always be clear which dependencies (and which versions) may be needed in the browser.
The command yarn add vue-password-strength-meter zxcvbn
is also nothing special and yet it is reported, so why don't mention:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/zxcvbn.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-password-strength-meter.js"></script>
too.
from vue-password-strength-meter.
Related Issues (20)
- Pressing `enter` key on input toggles the password visibility HOT 1
- Reverse "Show" / "Hide" labels HOT 1
- Add documentation
- Add $attrs directly to input field HOT 3
- Add options for custom hide/show labels
- Blur event and input class customization HOT 1
- `vue-cli` support (feature request) HOT 6
- Responsive behaviour breaks
- NPM Package not updated HOT 3
- strength-meter-only - Empty payload on emitted event HOT 1
- What is "/Users/jjuszczak/Projekte/Privat/" HOT 7
- Support for zxcvbn user_inputs prop? HOT 4
- Make it possible to set id attribute for input element HOT 1
- Feedback event should be emitted more aggressively
- When v-model is populated my a generate button it does not change the password strength
- Toggle icon blocks LastPass auto-fill icon HOT 2
- Vue3 support
- Any plans to support I18N for password hints in some way? HOT 1
- Use of the newest fork of zxcvbn
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-password-strength-meter.