cfturnstile-vue3
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

Cloudflare Turnstile Widget Component for Vue 3

A Vue 3 component for showing the Cloudflare Turnstile widget on your project.

What is Cloudflare Turnstile?

Cloudflare Turnstile is a CAPTCHA alternative from Cloudflare. It uses PAT protocol to verify the user’s devices, preventing bots and malicious users from accessing your site and ensuring your and your visitors’ privacy is protected.

Introduction for Cloudflare Turnstile

Installation & Usage

yarn add cfturnstile-vue3
# or
npm install cfturnstile-vue3
<template>
  <div id="app">
    <cfturnstile
      :sitekey="sitekey"
      @verify="verify"
    />
  </div>
</template>
<script>
import { defineComponent } from 'vue'
import Turnstile from '@astrianz/cfturnstile-vue3'

export default defineComponent({
  name: 'App',
  components: {
    Turnstile
  },
  data() {
    return {
      sitekey: 'YOUR_SITE_KEY'
    }
  },
  methods: {
    verify(token) {
      console.log(token)
    }
  }
})
</scirpt>

/cfturnstile-vue3/

    Package Sidebar

    Install

    npm i cfturnstile-vue3

    Weekly Downloads

    20

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    59.1 kB

    Total Files

    12

    Last publish

    Collaborators

    • astrian