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
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Implemented loader options pass through for recaptcha-v3 1.2.0 Dec 28, 2018
.gitignore Init project Nov 6, 2018
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

Vue reCAPTCHA-v3

npm npm type definitions

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


With NPM:

$ npm install vue-recaptcha-v3

With Yarn:

$ yarn add vue-recaptcha-v3


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


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>'


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


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.