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

Overview

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

Showcases

Telegram Watchdog

Telegram Watchdog is a Telegram bot used for anti-abuse from Telegram group chats.

Get into Telegram Watchdog community to give a try

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

export default defineComponent({
  name: 'App',
  components: {
    Turnstile
  },
  data() {
    return {
      sitekey: 'YOUR_SITE_KEY'
    }
  },
  methods: {
    verify(token) {
      console.log(token)
    }
  }
})
</scirpt>
You might also like...
Scandiweb-Junior-Developer-Test - A Web app for showing, add and delete products

Scandiweb-Junior-Developer-Test Web app for showing, add and delete products Tec

Vue-project - Pets project explaining the use of Vue, Vuex & Routers

adopt-pets Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Run

Project Restobar : A project created with help of Vue.js and REST API's how a user can signUp , login by making an account.

restobar Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints

App that performs CRUD operations in which users can track projects, tasks under projects, total duration of each project and task. Project is being build with Nuxt js 3, Axios, Pinia, Bootstrap 5 and Vue composition API

Nuxt 3 Minimal Starter Look at the nuxt 3 documentation to learn more. Setup Make sure to install the dependencies: # yarn yarn install # npm npm ins

This project is the Vue.js Bootcamp graduation project organized by Protein-Patika. The application is a real-time race of horses running in 8 different lanes on a straight route.
This project is the Vue.js Bootcamp graduation project organized by Protein-Patika. The application is a real-time race of horses running in 8 different lanes on a straight route.

Protein Vue.js Bootcamp Final Case Protein Vue.js Bootcamp Final Case 🛠️ Built With ✨ Live Version You can see the live version here. 🖋️ About This

Clone of project for SMU project on web app development
Clone of project for SMU project on web app development

is216-project IS216 - Group 14 - WAD Kings Stephanie Winata ([email protected]), Euan Chng Zhixiang (eua[email protected]), Shu

Sncf-project - VueJS project for the EU GUI Data visualization
Sncf-project - VueJS project for the EU GUI Data visualization

Projet IHM - Visualisation des données Utiliser l'application · Vidéo de présent

INT203 Client-side project (this project is for learning purposes only)

INT203 project This project is for learning purposes only Table of Contents Get Started Requirements How to play Frameworks Team Inspirations Instruct

Project repo for the DigiWF project automation platform.

DigiWF Project Page This is the project landing page and documentation for the DigiWF process infrastructure.

Releases(v1.0.0)
Owner
Astrian Zheng
诡骗师。
Astrian Zheng
A Status Page built on Cloudflare Worker and Pages (Vue + Tailwind)

Statuside A Status Page built on Cloudflare Worker and Pages (Vue + Tailwind). Inspired by Cachet, Statusfy, and Atlassian Statuspage. ⚠️ This is stil

Saiks 2 Oct 28, 2022
Easily share files in multiple times with a single link! Built using Vue.js on Cloudflare Workers

Built using Vue.js on Cloudflare Workers, with Durable Objects and R2. Also supports end-to-end files encryption (using AES-256-GCM).

Paul G. 10 Nov 12, 2022
Source Code for SlugSurvival.com with Cloudflare Workers Site support

SlugSurvival This is a project aims to help new and continuing students with their Slug Life. Contributors Edwin Kofler (@eankeen) Special Thanks Slug

Rachel Chen 13 Mar 9, 2022
A barebones Shopify app build on pure Nuxt 3. and ready to deploy on cloudflare workers

Nuxt 3 Minimal Starter We recommend to look at the documentation. Setup Make sure to install the dependencies yarn install Development Start the devel

Cocoa Web Studio 0 Aug 1, 2022
A collection of anime image search engines, based on Cloudflare Pages Function

A collection of anime image search engines, based on Cloudflare Pages Function

Mix Technology 50 Nov 11, 2022
Electron-based SuperStar Learning Pass check-in widget, supporting manual check-in and automatic check-in queue

Electron-based SuperStar Learning Pass check-in widget, supporting manual check-in and automatic check-in queue

null 47 Nov 13, 2022
the minimal todo app for using as widget

todo-widget the minimal todo app for using as widget Index Project Setup Screenshots Project setup installing dependencies $ npm install Compiles and

mikoloism 3 Oct 18, 2022
Utterances - a lightweight comments widget built on GitHub issues, for blog comments, wiki pages and more

utterances-component React, Vue and Svelte for utterances Utterances is a lightweight comments widget built on GitHub issues, for blog comments, wiki

Satoshi 9 Sep 23, 2022
Showing cryptocurrencies values from an API with Vue 3 and Axios

Showing cryptocurrencies values from an API with Vue 3 and Axios

Isaac E. Louzeiro 2 Jul 2, 2022
Simple Directus Extension that allows conditionally showing or hiding fields.

Directus Conditional Fields Simple Directus Extension that allows conditionally showing or hiding fields. Example Configuration used for the example:

MiniDigger | Martin 28 Nov 17, 2022