From 02bbc9b9cf29e7219c9e519e19b65595aeabd0a3 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 7 Sep 2023 15:56:51 +0200
Subject: [PATCH] docs: display cta avatars client only

---
 docs/pages/index.vue | 44 +++++++++++++++++++++++---------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/docs/pages/index.vue b/docs/pages/index.vue
index b2dcf40f..9f692981 100644
--- a/docs/pages/index.vue
+++ b/docs/pages/index.vue
@@ -116,28 +116,30 @@
         </template>
 
         <template #links>
-          <UAvatarGroup :max="xlAndLarger ? 13 : lgAndLarger ? 10 : mdAndLarger ? 16 : 8" size="md" class="flex-wrap-reverse [&_span:first-child]:text-xs justify-center">
-            <UTooltip
-              v-for="(contributor, index) of module.contributors"
-              :key="index"
-              :text="contributor.username"
-              class="rounded-full"
-              :ui="{ background: 'bg-gray-50 dark:bg-gray-800/50' }"
-              :popper="{ offsetDistance: 16 }"
-            >
-              <UAvatar
-                :alt="contributor.username"
-                :src="`https://ipx.nuxt.com/s_40x40/gh_avatar/${contributor.username}`"
-                :srcset="`https://ipx.nuxt.com/s_80x80/gh_avatar/${contributor.username} 2x`"
-                class="lg:hover:scale-125 lg:hover:ring-2 lg:hover:ring-primary-500 dark:lg:hover:ring-primary-400 transition-transform"
-                size="md"
+          <ClientOnly>
+            <UAvatarGroup :max="xlAndLarger ? 13 : lgAndLarger ? 10 : mdAndLarger ? 16 : 8" size="md" class="flex-wrap-reverse [&_span:first-child]:text-xs justify-center">
+              <UTooltip
+                v-for="(contributor, index) of module.contributors"
+                :key="index"
+                :text="contributor.username"
+                class="rounded-full"
+                :ui="{ background: 'bg-gray-50 dark:bg-gray-800/50' }"
+                :popper="{ offsetDistance: 16 }"
               >
-                <NuxtLink :to="`https://github.com/${contributor.username}`" target="_blank" class="focus:outline-none" tabindex="-1">
-                  <span class="absolute inset-0" aria-hidden="true" />
-                </NuxtLink>
-              </UAvatar>
-            </UTooltip>
-          </UAvatarGroup>
+                <UAvatar
+                  :alt="contributor.username"
+                  :src="`https://ipx.nuxt.com/s_40x40/gh_avatar/${contributor.username}`"
+                  :srcset="`https://ipx.nuxt.com/s_80x80/gh_avatar/${contributor.username} 2x`"
+                  class="lg:hover:scale-125 lg:hover:ring-2 lg:hover:ring-primary-500 dark:lg:hover:ring-primary-400 transition-transform"
+                  size="md"
+                >
+                  <NuxtLink :to="`https://github.com/${contributor.username}`" target="_blank" class="focus:outline-none" tabindex="-1">
+                    <span class="absolute inset-0" aria-hidden="true" />
+                  </NuxtLink>
+                </UAvatar>
+              </UTooltip>
+            </UAvatarGroup>
+          </ClientOnly>
         </template>
 
         <div class="flex flex-col sm:flex-row items-center justify-center gap-8 lg:gap-16">