From b12daa87b1e1fb88a48562ae077f1fc7cbe81941 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Mon, 16 Nov 2020 14:03:07 -0600
Subject: [PATCH] Trigger twitter button fade on script load

---
 components/twitter-follow.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/components/twitter-follow.vue b/components/twitter-follow.vue
index fa6bef7..5cc2b39 100644
--- a/components/twitter-follow.vue
+++ b/components/twitter-follow.vue
@@ -57,13 +57,21 @@ export default {
             twitterScript.setAttribute('async','true')
             twitterScript.setAttribute('src','https://platform.twitter.com/widgets.js')
 
+            twitterScript.onload = () => {
+
+                // Delay reveal for dom update
+                setInterval(() => {
+                    this.visible = true
+                }, 850)
+            }
+
             document.head.appendChild(twitterScript)
 
 
             // Reveal after 200ms
-            setInterval(() => {
-                this.visible = true
-            }, 750)
+            // setInterval(() => {
+            //     this.visible = true
+            // }, 750)
         }
     }
 }