captcha prop
The captcha property can be used to change the appearance of the CAPTCHA widget.
Properties
- Name
theme- Type
'auto' | 'light' | 'dark'- Description
The CAPTCHA widget theme. Defaults to
auto.
- Name
size- Type
'normal' | 'flexible' | 'compact'- Description
The CAPTCHA widget size. Defaults to
normal.
- Name
language- Type
string- Description
The CAPTCHA widget language/locale. When setting the language for CAPTCHA, this is how localization is prioritized:
appearance.captcha.language: Set by thislanguageproperty.localization.locale: Set by thelocalizationprop on<ClerkProvider>. Some languages are supported by Clerk but not by Cloudflare Turnstile, which is used for the CAPTCHA widget. See Cloudflare Turnstile's supported languages.en-US: Clerk's default language.
To customize the CAPTCHA widget, pass the appearance prop to the clerkPlugin() integration. The appearance prop accepts the property captcha, which can be used to apply different changes to the widget.
In the following example, the CAPTCHA is customized to use the dark theme, a flexible size, and Spanish as the display language.
import { createApp } from 'vue'
import App from './App.vue'
import { clerkPlugin } from '@clerk/vue'
const app = createApp(App)
app.use(clerkPlugin, {
appearance: {
captcha: {
theme: 'dark',
size: 'flexible',
language: 'es-ES',
},
},
})
app.mount('#app')Feedback
Last updated on