@getjoystick/vue-turnstile

Vue library for Cloudflare Turnstile CAPTCHA alternative
577
vue vue3 library captcha cloudflare turnstile
Install
npm install @getjoystick/vue-turnstile
Latest Version:1.1.0
Vue:3
License:MIT
Last Updated:Aug 22, 2023
Links: GitHub  ·  npm
Maintainer: valerii_maslenykov

vue-turnstile

Latest Stable Version

A Cloudflare Turnstile library for Vue 3

Installation

Add vue-turnstile to your Javascript project dependencies using Yarn:

yarn add vue-turnstile

Or NPM:

npm install vue-turnstile --save

Usage

<script lang="ts">
import VueTurnstile from 'vue-turnstile';

export default {
  components: { VueTurnstile },

  data() {
    return {
      token: '',
    };
  },
};
</script>

<template>
  <div>
    <vue-turnstile site-key="1x00000000000000000000AA" v-model="token" />
    <div>Token: {{ token }}</div>
  </div>
</template>

Customization options

Prop Type Description Required Default
site-key String Your Turnstile sitekey - Docs Yes N/A
v-model String Binding that contains the token returned by the Turnstile widget Yes N/A
reset-interval Number Get a fresh token after reset-interval milliseconds - Turnstile tokens only last for 5 minutes No 295000
size 'normal' | 'compact' Widget size No 'normal'
theme 'light' | 'dark' | 'auto' Widget theme - auto respects the user's browser preference No 'auto'
action String A customer value that can be used to differentiate widgets under the same sitekey in analytics and which is returned upon validation. No ''
render-on-mount Boolean Automatically render Turnstile widget after component mounts No true
remove-before-unmount Boolean Automatically remove the Turnstile widget in beforeUnmount No true

Methods

Method Description
reset() Resets the widget
render() Renders the widget
remove() Removes the widget

Author

Original author of the library is: Rui Gomes
https://ruigomes.me

Fork is maintained and published by: Joystick https://getjoystick.com

License

The MIT License (MIT). Please see LICENSE file for more information.

Related Packages

vue-turnstile

Vue library for Cloudflare Turnstile CAPTCHA alternative

992,136 92
captcha cloudflare library turnstile vue vue3
@gaviti/vue-turnstile

A Vue 3.3.x component wrapper for Cloudflare's Turnstile

21,878 8
captcha cloudflare turnstile vue vue3
vue-cloudflare-turnstile

A Vue 3 component wrapper for Cloudflare Turnstile. User-friendly (re)CAPTCHA al...

4,645 4
captcha cloudflare turnstile vue vue3 bot-protection component recaptcha security typescript
@delaneydev/laravel-turnstile-vue

A production-ready, SSR-safe Cloudflare Turnstile component for Vue 3.

1,937 9
captcha cloudflare turnstile vue vue3 inertia laravel nuxt ssr typescript
@nuxtjs/turnstile

Cloudflare Turnstile integration for Nuxt

1,052,067 296
captcha cloudflare module nuxt nuxt-module recaptcha

Version History

Version Released Vue License
1.1.0 ^3.2.45 MIT
Pre-releases (1)
Version Released Vue License
1.0.0-alpha.1 ^3.2.45 MIT