[bug] hopefully fix issue with english version profiles breaking hydration for some reason...

package.json

@@ -39,6 +39,7 @@
     "sqlite3": "^5.0.0",
     "suml-loader": "^0.1.1",
     "ulid": "^2.3.0",
+    "vue-client-only": "^2.1.0",
     "vue-matomo": "^3.13.5-0",
     "vuedraggable": "^2.24.3",
     "webpack": "^5.0",

routes/profile.vue

@@ -31,6 +31,7 @@
             </div>
         </div>
 
+        <client-only>
             <section v-if="$isGranted('users') && profile.bannedReason">
                 <div class="alert alert-warning">
                     <p class="h4">
@@ -40,6 +41,7 @@
                     <p class="mb-0">{{profile.bannedReason}}</p>
                 </div>
             </section>
+        </client-only>
 
         <section v-if="profile.age ||profile.description.trim().length">
             <p v-for="line in profile.description.split('\n')" class="mb-1">
@@ -121,6 +123,7 @@
             <OpinionLegend/>
         </section>
 
+        <client-only>
             <section v-if="$isGranted('users')">
                 <div class="alert alert-warning">
                     <textarea v-model="profile.bannedReason" class="form-control" rows="3" :placeholder="$t('ban.reason')" :disabled="saving"></textarea>
@@ -130,6 +133,7 @@
                     </button>
                 </div>
             </section>
+        </client-only>
 
         <Separator icon="heart"/>
         <Support/>
@@ -160,8 +164,10 @@
     import {head, listToDict} from "../src/helpers";
     import { pronouns } from "~/src/data";
     import { buildPronoun } from "../src/buildPronoun";
+    import ClientOnly from 'vue-client-only'
 
     export default {
+        components: { ClientOnly },
         data() {
              return {
                  profiles: {},

yarn.lock

@@ -9379,6 +9379,11 @@ vue-client-only@^2.0.0:
   resolved "https://registry.yarnpkg.com/vue-client-only/-/vue-client-only-2.0.0.tgz#ddad8d675ee02c761a14229f0e440e219de1da1c"
   integrity sha512-arhk1wtWAfLsJyxGMoEYhoBowM87/i6HLSG2LH/03Yog6i2d9JEN1peMP0Ceis+/n9DxdenGYZZTxbPPJyHciA==
 
+vue-client-only@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/vue-client-only/-/vue-client-only-2.1.0.tgz#1a67a47b8ecacfa86d75830173fffee3bf8a4ee3"
+  integrity sha512-vKl1skEKn8EK9f8P2ZzhRnuaRHLHrlt1sbRmazlvsx6EiC3A8oWF8YCBrMJzoN+W3OnElwIGbVjsx6/xelY1AA==
+
 vue-hot-reload-api@^2.3.0:
   version "2.3.4"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"