Skip to content
A simple and easy to use reCAPTCHA (v3 only) library for Vue.
Branch: master
Clone or download
Latest commit 44015d9 Feb 24, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
src Implemented loader options pass through for recaptcha-v3 1.2.0 Dec 28, 2018
.gitignore Init project Nov 6, 2018
LICENSE
README.md
package.json
tsconfig.json TypeScript: Module updated to commonjs Feb 20, 2019
tslint.json Adjusted tslint Nov 7, 2018
yarn.lock Updated recaptcha-v3 dependency Feb 20, 2019

README.md

Vue reCAPTCHA-v3

npm npm type definitions

A simple and easy to use reCAPTCHA (v3 only) library for Vue based on reCAPTCHA-v3.

Install

With NPM:

$ npm install vue-recaptcha-v3

With Yarn:

$ yarn add vue-recaptcha-v3

Prerequisites

To use this package you only need a valid site key for your domain, which you can easily get here.

Usage

import Vue from 'vue'
import { VueReCaptcha } from 'vue-recaptcha-v3'

// For more options see below
Vue.use(VueReCaptcha, { siteKey: '<site key>' })

new Vue({
  methods: {
    recaptcha() {
      this.$recaptcha('login').then((token) => {
        console.log(token) // Will print the token
      })
    }
  },
  template: '<button @click="recaptcha">Execute recaptcha</button>'
})

Options

This plugin offers optional options to configure the behavior of some parts.

Available options:

Name Description Type Default value
siteKey The site key for your domain from Google. string none
loaderOptions Optional options for the recaptcha-v3 loader. The available options are described here. object null

Usage

To use the options just pass an object to the Vue.use(...) method. For example:

import Vue from 'vue'
import { VueReCaptcha } from 'vue-recaptcha-v3'

Vue.use(VueReCaptcha, {
  siteKey: '<site key>',
  loaderOptions: {
    useRecaptchaNet: true
  }
})
You can’t perform that action at this time.