TSX/JSX Example

Hello all,

I’ve been trying to get this to work in a tsx file. I cannot seem to find the right place to put the google javascript script tag and have it load. If I add it to the index.html then it loads before vue and give me an error it cannot find the onload callback. If I put it in the tsx then webpack cannot load correctly.

Are there any examples or advice on how to get this to work?

Cheers,

James

[Stoom]

The following is my solutions using a mixin

import { Component as Mixin, Vue } from 'vue-property-decorator';

@Mixin({
  mounted: () => {
    const script = document.createElement('script');
    script.src = 'https://www.google.com/recaptcha/api.js?onload=vueRecaptchaApiLoaded&render=explicit';
    script.async = true;
    script.defer = true;

    document.body.appendChild(script);
  },
})
export default class GoogleRecaptchaMixin extends Vue { }

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.