добавить google recaptcha для стройности

Question

Я пытаюсь добавить google recaptcha в приложение svelte, но ничего не происходит

index.hml

<script src="https://www.google.com/recaptcha/api.js" async defer></script> 

myComponent.svelte

<div class="g-recaptcha" data-sitekey="6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"></div>

Есть мысли?

Answer 1

Использование таких API Google с фреймворками Javascript может быть немного неудобным. Я не использовал reCAPTCHA, но работал с API AdSense. Проблема почти всегда сводится к тому, что соответствующий элемент не находится в DOM при запуске скрипта Google.

С помощью reCAPTCHA API вы можете явно визуализировать виджет . Это похоже на то, что делают компоненты response и vue:

• react-recaptcha
• vue -recaptcha
  • Точная строка