From b5305888c712ba7bd9615524a1c7098b931724c3 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 21 Nov 2020 15:56:18 -0600
Subject: [PATCH] Only render email subscribe on client side

---
 components/search.vue | 43 +++++++++++++++++++++++--------------------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/components/search.vue b/components/search.vue
index 8070f45..7db49b8 100644
--- a/components/search.vue
+++ b/components/search.vue
@@ -90,31 +90,34 @@
                                         <use href="#chevron-right" />
                                     </svg>
                                 </a>
-                                <div
-                                    class="search-item-options relative md:absolute md:inset-0 w-full pointer-events-none"
-                                >
 
-                                    <div class="search-item-options-container h-full flex justify-center md:justify-end items-center py-4 md:px-12">
+                                <client-only>
+                                    <div
+                                        class="search-item-options relative md:absolute md:inset-0 w-full pointer-events-none"
+                                    >
+
+                                        <div class="search-item-options-container h-full flex justify-center md:justify-end items-center py-4 md:px-12">
+
+                                            <div
+                                                v-if="!app.endpoint.includes('/game/')"
+                                                class="subscribe space-y-6 sm:space-x-6"
+                                            >
+                                                <EmailSubscribe
+                                                    :app-name="app.name"
+                                                    :input-class-groups="{
+                                                        shadow: 'hover:neumorphic-shadow',
+                                                        bg: '',
+                                                        focus: 'bg-transparent neumorphic-shadow pl-8',
+                                                        blur: 'placeholder-white text-center border border-transparent bg-transparent opacity-50 hover:opacity-100 px-3',
+                                                    }"
+                                                    class="pointer-events-auto"
+                                                />
+                                            </div>
 
-                                        <div
-                                            v-if="!app.endpoint.includes('/game/')"
-                                            class="subscribe space-y-6 sm:space-x-6"
-                                        >
-                                            <EmailSubscribe
-                                                :app-name="app.name"
-                                                :input-class-groups="{
-                                                    shadow: 'hover:neumorphic-shadow',
-                                                    bg: '',
-                                                    focus: 'bg-transparent neumorphic-shadow pl-8',
-                                                    blur: 'placeholder-white text-center border border-transparent bg-transparent opacity-50 hover:opacity-100 px-3',
-                                                }"
-                                                class="pointer-events-auto"
-                                            />
                                         </div>
 
                                     </div>
-
-                                </div>
+                                </client-only>
                             </li>
                         </ul>
                     </div>