vue2-recaptcha-invisible
> vue.js 2 component for google reCAPTCHA invisible
how to install
npm
``
bash
npm install @finpo/vue2-recaptcha-invisible --save
`
yarn
`
bash
yarn add @finpo/vue2-recaptcha-invisible
`
how to use
with webpack
`
vue
data-sitekey="6LdTpxUUAAAAAG6L89kxRvjMdP0XDAyUji8rtQxw"
:data-validate="validate"
:data-callback="callback"
>Submit form
``
with web
mount dist/vue2-recaptcha-invisible.min.js will install componet to vue global.
props
prop | type | desc
---- | ---- | ----
data-sitekey | String | your front-end api key from google
data-callback | Function | receive google reCAPTCHA response token
data-validate | Function | you can validate your form before get token ( only validate return true )
data-badge | String | bottomright(default) , bottomleft , inline
data-type | String | audio , image(default)
data-tabindex | String | 0
data-size | | if you want show reCAPTCHA (I'm not robot chekcbox) on screen , add this attribute
data-btn-class|String,Array,Object| bind class on button
data-btn-disabled|Boolean| bind disabled prop on button
data-language | String | reCAPTCHA language
auto detect by defualt
Language codesonline demo
demorefactor to rollup
support sfc, esm, umd, unpkg format.
vue-sfc-rollup