Svelte Integration

Procaptcha bietet eine offizielle Svelte-Komponente für die einfache Integration von Prosopo Procaptcha in jedes Svelte-Projekt. Die Integrationskomponente unterstützt alle Procaptcha Render-Optionen.

1. Installation

Abschnitt mit dem Titel 1. Installation

npm install @prosopo/svelte-procaptcha-wrapper

2. Verwendungsbeispiel

Abschnitt mit dem Titel 2. Verwendungsbeispiel

2.1) Basis-Setup

Abschnitt mit dem Titel 2.1) Basis-Setup

<script lang="ts">
import {ProcaptchaComponent} from "@prosopo/svelte-procaptcha-wrapper";
</script>

<ProcaptchaComponent siteKey={"my-site-key"}/>;

2.2) Erweiterte Verwendung

Abschnitt mit dem Titel 2.2) Erweiterte Verwendung

<script lang="ts">
import {ProcaptchaComponent} from "@prosopo/svelte-procaptcha-wrapper";

const siteKey = "my-site-key";
const handleVerification = (token: string): void => {
    console.log('verified', token);
};
</script>

<ProcaptchaComponent siteKey="{siteKey}"
language="en"
callback={handleVerification}
htmlAttributes={{class: "my-app__procaptcha"}} />