Captcha — live demo

This is the real @rozie-ui/captcha-vue package running on this page (VitePress is itself a Vue app). Pick a provider, solve the widget, and watch the two-way token model populate — then Reset. It's the same Captcha.rozie source that compiles to all six frameworks.

Loads a third-party widget

This page injects the selected provider's api.js from its CDN and renders a live (test-key) challenge. It needs network access and will not render offline.

How it works

The provider dropdown writes provider, and the :key="provider" binding re-mounts the component on change — because provider and sitekey are construction-time config (the widgets expose no live setter). The solved token flows out through the two-way token model (v-model:token), and Reset calls the exposed reset() handle, which clears both the widget and the model. See the showcase & API for the full surface.