title: When are stripe elements ready in the dom?
body: <p>I am using <a href="https://stripe.com/docs/stripe-js/elements/quickstart" rel="nofollow noreferrer">Stripe elements</a> in a Vue component. The elements show nicely in a card, but now I would like to put a v-show on the card when the elements are all 'ready/ mounted'. My question: Is there a way to determine when the elements are completely ready?</p>
  
  <p>I tried something along these lines in an async 'createElement' component method:</p>
  
  <pre><code>this.paymentRequestButton.mount('#payment-request-button')
  this.card.mount('#card-element')
  this.stripeElementsReady = true
  </code></pre>
  
  <p>The elements do show but this.stripeElementsReady triggers too early, or can iframe elements not be timed precisely as they are asynchronous 'by nature' or something? BTW I do use await for the actual stripe requests so that should not cause the issue.</p>