fix: only render img on client

zz-developer · Jan 30, 2024 · 782f138 · 782f138
1 parent 0979f50
commit 782f138
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/projects/Repo.vue b/projects/Repo.vue
@@ -10,10 +10,12 @@ const { user, repo } = defineProps<{ user: string; repo: string }>();
     target="_blank"
     style="display: block"
   >
-    <img
-      :src="`https://github-readme-stats.vercel.app/api/pin/?username=${user}&repo=${repo}${
-        isDark ? '&theme=dark' : ''
-      }`"
-    />
+    <ClientOnly>
+      <img
+        :src="`https://github-readme-stats.vercel.app/api/pin/?username=${user}&repo=${repo}${
+          isDark ? '&theme=dark' : ''
+        }`"
+      />
+    </ClientOnly>
   </a>
 </template>