Есть ли нормальный способ добавить reCaptha в SPA приложение?

Question

[Владимир Коротенко]

Собственно добавляю динамически после инициализации компонента, но кажется что это не совсем верно.
Что думаете по этому поводу?

createRecaptcha() {
    var s = document.createElement("script");
    s.setAttribute("src", "https://www.google.com/recaptcha/api.js");
    s.setAttribute("async", "async");
    s.setAttribute("defer", "defer");
    document.body.appendChild(s);
  }

Если что весь проект, возможно кому пригодится https://github.com/vkorotenko/VueRecaptcha

Answer 1

[WapSter]

А что мешает сам элемент script положить в template

<template>
   <script
          v-if="jquery"
          src="http://code.jquery.com/jquery-3.6.0.min.js"
          defer
        />
</template>

v-if тут для прикола можешь проверить начнет загружаться только в том случае когда условие будет верным

Comments

[Владимир Коротенко]

мешает то что это ошибка :(

[WapSter]

Владимир Коротенко, type="application/javascript" добавь

[Владимир Коротенко]

WapSter, абсолютно тоже самое

[WapSter]

Владимир Коротенко, в любом случае это варнинг плагина Vetur. WebStorm не паникует по этому поводу. И решение рабочее, по крайней мере vue 2 схавал без проблем и отработал как и положено