
Security News
Django Joins curl in Pushing Back on AI Slop Security Reports
Django has updated its security policies to reject AI-generated vulnerability reports that include fabricated or unverifiable content.
@captchafox/vue
Advanced tools
[](https://www.npmjs.com/package/@captchafox/vue)
Install the library using your prefered package manager
npm install @captchafox/vue
yarn add @captchafox/vue
pnpm add @captchafox/vue
bun add @captchafox/vue
<script setup lang="ts">
import { CaptchaFox } from '@captchafox/vue';
</script>
<template>
<CaptchaFox sitekey="sk_11111111000000001111111100000000" />
</template>
(Optional) Register it for the whole app (e.g. main.ts
)
import { CaptchaFox } from '@captchafox/vue';
import App from './App.vue';
const app = createApp(App)
.component('CaptchaFox', CaptchaFox);
.mount('#app');
Prop | Type | Description | Required |
---|---|---|---|
sitekey | string | The sitekey for the widget. | ✅ |
lang | string | The language the widget should display. Defaults to automatically detecting it. | |
mode | inline|popup|hidden | The mode the widget should be displayed in. | |
theme | light | dark | ThemeDefinition | The theme of the widget. Defaults to light. | |
nonce | string | Randomly generated nonce. | |
i18n | object | Custom i18n configuration. | |
onVerify | function | Called with the response token after successful verification. | |
onFail | function | Called after unsuccessful verification. | |
onError | function | Called when an error occured. | |
onExpire | function | Called when the challenge expires. | |
onClose | function | Called when the challenge was closed. |
<script setup lang="ts">
import { CaptchaFox, CAPTCHA_RESPONSE_KEY } from '@captchafox/vue';
const handleVerify = (token: string) => {
// do something with the token here (e.g. submit the form)
const formData = {
// your form data
[CAPTCHA_RESPONSE_KEY]: token
};
};
</script>
<template>
<CaptchaFox sitekey="sk_11111111000000001111111100000000" @verify="handleVerify" />
</template>
<script setup lang="ts">
import { CaptchaFox, CAPTCHA_RESPONSE_KEY } from '@captchafox/vue';
// contains response token after successful verification
const token = ref<string>();
</script>
<template>
<CaptchaFox sitekey="sk_11111111000000001111111100000000" v-model="token" />
<pre>{{ token }}</pre>
</template>
<script setup lang="ts">
import { CAPTCHA_RESPONSE_KEY, CaptchaFox, CaptchaFoxInstance } from '@captchafox/vue';
import { ref } from 'vue';
const captchafox = ref<CaptchaFoxInstance | null>(null);
const triggerAction = async () => {
// execute the captcha
try {
const token = await captchafox.value?.execute();
} catch {
// unsuccessful verification
}
};
</script>
<template>
<CaptchaFox ref="captchafox" sitekey="sk_11111111000000001111111100000000" />
<button @click="triggerAction">Action</button>
</template>
You can find more detailed examples in the GitHub repository.
FAQs
[](https://www.npmjs.com/package/@captchafox/vue)
The npm package @captchafox/vue receives a total of 179 weekly downloads. As such, @captchafox/vue popularity was classified as not popular.
We found that @captchafox/vue demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Django has updated its security policies to reject AI-generated vulnerability reports that include fabricated or unverifiable content.
Security News
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.
Security News
A new Node.js homepage button linking to paid support for EOL versions has sparked a heated discussion among contributors and the wider community.