Comments (5)
I have released v0.3.0, and it doesn't require es6-shim
in IE anymore.
from vue-recaptcha.
For now, please use es6-shim
to support IE.
Actually, I'm using Promise
as Deferred
to schedule rendering ReCAPTCHA after it load completely.
But I can implement this function by myself without Promise
.
It is a possible way to drop Promise
required.
Also, there is another way and I prefer this one.
I could just assume ReCAPTCHA that have been loaded. And I can direct use it in this component.
So you must place <script src="<ReCAPTCHA api>" defer></script>
before this component.
If you have any other suggestion, you can leave comment below.
from vue-recaptcha.
I included es6-shim just for this task and it works :).
What do you mean with "I could just assume ReCAPTCHA that have been loaded. "? Do you suggest the script tag should not be used in head, but instead in the parent components html-template?
from vue-recaptcha.
Since script
without async
attribute guarantee the order of execution.
I can just use grecaptcha
in this component and don't need to worry about loading complete or not.
But user must place ReCAPTCHA's api before this component.
Here is an example.
<html>
<body>
<div id="root"></div>
<!-- ReCAPTCHA must be placed before -->
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" defer>
</script>
<script src="vue.js" defer></script>
<script src="vue-recaptcha.js defer"></script> <!-- this component -->
<script src="main.js" defer></script>
</body>
</html>
Actually, I have not try the way above. I'm not sure if it will work.
But I think I should try to drop the requirement of Promise
and Object.assign
.
from vue-recaptcha.
Yay! Now HEAD doesn't require Promise
or Object.assign
anymore.
from vue-recaptcha.
Related Issues (20)
- How to reset Checkbox?
- Nuxt3: Invisible recaptcha visible (dev & prod) HOT 3
- Object.hasOwn is not a function HOT 3
- how to implement in nuxt3 ? HOT 1
- Set recaptcha key dynamically
- Nuxt 3 disable recapthca when needed HOT 1
- Auto execute blocks default browser validation
- Wont working
- Error: Can't resolve '@unhead/vue' in '.../node_modules/vue-recaptcha/dist/script-manager' HOT 4
- When use useRecaptchaProvider it throw warning HOT 1
- Sitekey is unknown at the time of application start
- Package import specifier "#imports" is not defined in package HOT 5
- Nuxt 3 "Error: Invariant violation: Please load enterprise recaptcha script first"
- Hiding captcha when navigating with useRouter HOT 5
- get captcha token in TS file HOT 1
- Failed to resolve component: Checkbox HOT 2
- Unable to use vue-recaptcha(version-2.0.3) in my vue 2.7 project HOT 1
- Multiple library loads HOT 2
- Docs are down HOT 3
- [version 3.0.0-alpha6]: Error: useRecaptcha() is called without provider. HOT 2
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-recaptcha.