$ show hCaptcha/vue-hcaptcha
The hCaptcha Vue Component Library provides Vue 2 and Vue 3 components for integrating hCaptcha into Vue applications. The library consists of two packages (@hcaptcha/vue-hcaptcha for Vue 2 and @hcaptcha/vue3-hcaptcha for Vue 3) built from a shared Vue component source. The component handles loading the hCaptcha API script, rendering the widget, and emitting events for verification, expiration, and other hCaptcha callbacks. It also provides methods to programmatically execute and reset the challenge. A notable utility in the library is the script loader (hcaptcha-script.js) which ensures the hCaptcha API is loaded only once per page using a promise-based pattern. This utility is framework-agnostic and could be reused in other projects requiring singleton script loading. The repository is set up as a monorepo using Lerna, with separate build processes for Vue 2 (using Vue CLI) and Vue 3 (using Vite). While the component itself is well-maintained and functional, the build toolchain shows signs of technical drift with outdated dependencies (e.g., Vue CLI 3, Vite 2, Jest 26). The project is actively maintained with CI pipelines for building, testing, and releasing new versions.
The LLM identified 1 files worth highlighting for reuse:
This utility ensures that the hCaptcha API script is loaded only once per page, using a promise to avoid duplicate loads. It handles script injection, error handling, and callback resolution. This pattern is reusable for any third-party script that should be loaded only once.