From be807d458055c4cf985914bab6b171f010254bde Mon Sep 17 00:00:00 2001
From: _Kerman <kermanx@qq.com>
Date: Wed, 21 Feb 2024 17:59:33 +0800
Subject: [PATCH] fix: multiple Tweet component (#1309) (#1318)

---
 packages/client/builtin/Tweet.vue             | 19 ++++---------------
 packages/client/composables/useTweetScript.ts | 17 +++++++++++++++++
 2 files changed, 21 insertions(+), 15 deletions(-)
 create mode 100644 packages/client/composables/useTweetScript.ts

diff --git a/packages/client/builtin/Tweet.vue b/packages/client/builtin/Tweet.vue
index 665dcd8d12..d1774ddef2 100644
--- a/packages/client/builtin/Tweet.vue
+++ b/packages/client/builtin/Tweet.vue
@@ -7,9 +7,9 @@ Usage:
 -->
 
 <script setup lang="ts">
-import { useScriptTag } from '@vueuse/core'
 import { getCurrentInstance, onMounted, ref } from 'vue'
 import { isDark } from '../logic/dark'
+import { useTweetScript } from '../composables/useTweetScript'
 
 const props = defineProps<{
   id: string | number
@@ -41,21 +41,10 @@ async function create() {
 }
 
 // @ts-expect-error global
-if (window?.twttr?.widgets) {
+if (window?.twttr?.widgets)
   onMounted(create)
-}
-else {
-  useScriptTag(
-    'https://platform.twitter.com/widgets.js',
-    () => {
-      if (vm.isMounted)
-        create()
-      else
-        onMounted(create, vm)
-    },
-    { async: true },
-  )
-}
+else
+  useTweetScript(vm, create)
 </script>
 
 <template>
diff --git a/packages/client/composables/useTweetScript.ts b/packages/client/composables/useTweetScript.ts
new file mode 100644
index 0000000000..529c4214e2
--- /dev/null
+++ b/packages/client/composables/useTweetScript.ts
@@ -0,0 +1,17 @@
+import { createSharedComposable, useScriptTag } from '@vueuse/core'
+import type { ComponentInternalInstance } from 'vue'
+import { onMounted } from 'vue'
+
+export const useTweetScript = createSharedComposable(
+  (vm: ComponentInternalInstance, create: () => void) =>
+    useScriptTag(
+      'https://platform.twitter.com/widgets.js',
+      () => {
+        if (vm.isMounted)
+          create()
+        else
+          onMounted(create, vm)
+      },
+      { async: true },
+    ),
+)