title: Tweet button is getting rendered too late
body: <p>I'm using a tweet button on my website written on Vue.js and experiencing this issue that at first, the button shows up without appropriate styling, just a plain anchor tag text and after a while, it changes to its original stylish version. Here's the component I wrote:</p>
  <pre><code>&lt;template&gt;
      &lt;span v-html=&quot;tweetButton&quot;&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          name: &quot;MyComponent&quot;,
          mounted() {
              this.renderTweetButton()
          },
          watch: {
              twitter(newVal, oldVal) {
                  if (newVal.widgets) {
                      newVal.widgets.load()
                  }
              }
          },
          data() {
              return {
                  tweetButton: null,
                  twitter: {}
              }
          },
          methods: {
              renderTweetButton() {
                  this.tweetButton = `&lt;a
                      class=&quot;twitter-share-button&quot;
                      data-via=&quot;Example&quot;
                      data-size=&quot;medium&quot;
                      data-text=&quot;Check this out!&quot;
                      data-url=&quot;https://example.com&quot;
                      href=&quot;https://twitter.com/intent/tweet&quot;&gt;
                    Tweet&lt;/a&gt;`
  
                  this.twitter = (function(d, s, id) {
                      var js, fjs = d.getElementsByTagName(s)[0],
                          t = window.twttr || {};
                      if (d.getElementById(id)) return t;
                      js = d.createElement(s);
                      js.async = false;
                      js.id = id;
                      js.src = &quot;https://platform.twitter.com/widgets.js&quot;;
                      fjs.parentNode.insertBefore(js, fjs);
  
                      t._e = [];
                      t.ready = function(f) {
                          t._e.push(f);
                      };
  
                      return t;
                  }(document, &quot;script&quot;, &quot;twitter-wjs&quot;))
              }
          }
      }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  
  &lt;/style&gt;
  </code></pre>
  <p>So I was just wondering if there's a way to don't show the button until it gets fully loaded ?</p>