fix: retry for loading Tweet

Author: antfu

docs/.vitepress/theme/components/TheTweet.vue

@@ -24,6 +24,9 @@ const loaded = ref(false)
 
 async function create() {
   // @ts-expect-error Global variable
+  if (!window.twttr?.widgets?.createTweet)
+    return
+  // @ts-expect-error Global variable
   await window.twttr.widgets.createTweet(
     props.id.toString(),
     tweet.value,
@@ -37,7 +40,7 @@ async function create() {
 
 if (isClient) {
   // @ts-expect-error Global variable
-  if (window?.twttr?.widgets) {
+  if (window?.twttr?.widgets?.createTweet) {
     onMounted(create)
   }
   else {

packages/client/builtin/Tweet.vue

@@ -22,7 +22,14 @@ const tweet = ref<HTMLElement | null>()
 const loaded = ref(false)
 const tweetNotFound = ref(false)
 
-onMounted(async () => {
+async function create(retries = 10) {
+  // @ts-expect-error global
+  if (!window.twttr?.widgets?.createTweet) {
+    if (retries <= 0)
+      return console.error('Failed to load Twitter widget after 10 retries.')
+    setTimeout(() => create(retries - 1), 1000)
+    return
+  }
   // @ts-expect-error global
   const element = await window.twttr.widgets.createTweet(
     props.id.toString(),
@@ -36,6 +43,10 @@ onMounted(async () => {
   loaded.value = true
   if (element === undefined)
     tweetNotFound.value = true
+}
+
+onMounted(() => {
+  create()
 })
 </script>