From 476f44da44643eb5223817f7788ef534dd3ff42f Mon Sep 17 00:00:00 2001
From: Andrea Vos <andrea@avris.it>
Date: Sat, 1 Oct 2022 13:48:12 +0200
Subject: [PATCH] add <ClientOnly> around flags, SSR seems to be having issues
 i can't put a finger on

---
 components/Profile.vue | 4 ++++
 routes/profile.vue     | 2 --
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/Profile.vue b/components/Profile.vue
index 004f5572d..b6ce62158 100644
--- a/components/Profile.vue
+++ b/components/Profile.vue
@@ -34,6 +34,7 @@
             </div>
 
             <div v-if="profile.flags.length || profile.customFlags.length" :class="['col-12', manyFlagsLayout ? '' : 'col-lg-6']">
+                <ClientOnly>
                 <ul class="list-inline">
                     <li v-for="flag in profile.flags" v-if="allFlags[flag]" class="list-inline-item p-1">
                         <Flag :name="flag.startsWith('-') ? allFlags[flag] : $translateForPronoun(allFlags[flag], mainPronoun)"
@@ -51,6 +52,7 @@
                               custom/>
                     </li>
                 </ul>
+                </ClientOnly>
             </div>
         </section>
 
@@ -117,8 +119,10 @@
     import { buildPronoun } from "../src/buildPronoun";
     import spelling from "../plugins/spelling";
     import opinions from '../src/opinions';
+    import ClientOnly from 'vue-client-only'
 
     export default {
+        components: { ClientOnly },
         mixins: [ spelling ],
         props: {
             user: { required: true },
diff --git a/routes/profile.vue b/routes/profile.vue
index fc7927cd0..d63302091 100644
--- a/routes/profile.vue
+++ b/routes/profile.vue
@@ -176,11 +176,9 @@
 
 <script>
     import { head } from "../src/helpers";
-    import ClientOnly from 'vue-client-only'
     import opinions from '../src/opinions';
 
     export default {
-        components: { ClientOnly },
         data() {
              return {
                  terms: [],