search

tristansokol / vue-square

An example of using Vue.js with the Square payment form
24 stars 8 forks source link

Remove async from payment form script tag #2

Open wonder95 opened 5 years ago

wonder95 commented 5 years ago

The script tag in index.html for the paymentform library is like this:

<script async type="text/javascript" src="https://js.squareup.com/v2/paymentform"></script>

However, this causes an SqPaymentForm is not defined error when loading the form, because paymentform is not loaded when it's called within the mounted hook. Removingh the asyanc from the tag like so

<script type="text/javascript" src="https://js.squareup.com/v2/paymentform"></script>

fixes the problem (this was pointed out to me by a Square engineer).