From 5c2d0b6e56767ff1205791e7a92fdd7c6a652630 Mon Sep 17 00:00:00 2001
From: Lenni <guentherhanslphdyt@gmail.com>
Date: Fri, 22 Mar 2024 18:10:05 +0100
Subject: [PATCH] Revert "make MdEditor clientonly"

---
 components/BlogBuilder.vue    |   5 +-
 components/PlayerPageForm.vue | 120 ++++++++++++++++------------------
 2 files changed, 57 insertions(+), 68 deletions(-)

diff --git a/components/BlogBuilder.vue b/components/BlogBuilder.vue
index 53548b3..58907b0 100644
--- a/components/BlogBuilder.vue
+++ b/components/BlogBuilder.vue
@@ -150,18 +150,15 @@ const insertImage = (file: File) =>
     </PicoStyle>
 
     <div v-show="category">
-      <ClientOnly>
       <MdEditor
         v-model="pageContent"
         :theme="theme"
         class="editor"
-        editor-id="blogContent"
         language="en-US"
-        preview-theme="github"
+        previewTheme="github"
         @on-save="downloadFile"
         @on-upload-img="uploadImg"
       />
-      </ClientOnly>
 
       <div v-if="images.length">
         <p>Uploaded images:</p>
diff --git a/components/PlayerPageForm.vue b/components/PlayerPageForm.vue
index 3607826..02ed80d 100644
--- a/components/PlayerPageForm.vue
+++ b/components/PlayerPageForm.vue
@@ -140,76 +140,68 @@ function clearInputs() {
     <hr />
 
     <h3>About Me</h3>
-    <ClientOnly>
-      <MdEditor
-        v-model="about"
-        :placeholder="placeholders.about"
-        :theme="theme"
-        class="editor"
-        editor-id="about"
-        id="about"
-        language="en-US"
-        preview-theme="github"
-        no-highlight
-        no-upload-img
-        no-mermaid
-        no-katex
-      />
-    </ClientOnly>
+    <MdEditor
+      v-model="about"
+      :placeholder="placeholders.about"
+      :theme="theme"
+      class="editor"
+      editor-id="about"
+      id="about"
+      language="en-US"
+      preview-theme="github"
+      no-highlight
+      no-upload-img
+      no-mermaid
+      no-katex
+    />
 
     <h3>Gameplay Interests</h3>
-    <ClientOnly>
-      <MdEditor
-        v-model="interests"
-        :placeholder="placeholders.interests"
-        :theme="theme"
-        class="editor"
-        editor-id="interests"
-        id="interests"
-        language="en-US"
-        preview-theme="github"
-        no-highlight
-        no-upload-img
-        no-mermaid
-        no-katex
-      />
-    </ClientOnly>
+    <MdEditor
+      v-model="interests"
+      :placeholder="placeholders.interests"
+      :theme="theme"
+      class="editor"
+      editor-id="interests"
+      id="interests"
+      language="en-US"
+      preview-theme="github"
+      no-highlight
+      no-upload-img
+      no-mermaid
+      no-katex
+    />
 
     <h3>Departments</h3>
-    <ClientOnly>
-      <MdEditor
-        v-model="departments"
-        :placeholder="placeholders.departments"
-        :theme="theme"
-        class="editor"
-        editor-id="departments"
-        id="departments"
-        language="en-US"
-        preview-theme="github"
-        no-highlight
-        no-upload-img
-        no-mermaid
-        no-katex
-      />
-    </ClientOnly>
+    <MdEditor
+      v-model="departments"
+      :placeholder="placeholders.departments"
+      :theme="theme"
+      class="editor"
+      editor-id="departments"
+      id="departments"
+      language="en-US"
+      preview-theme="github"
+      no-highlight
+      no-upload-img
+      no-mermaid
+      no-katex
+    />
 
     <h3>Contact</h3>
-    <ClientOnly>
-      <MdEditor
-        v-model="contact"
-        :placeholder="placeholders.contact"
-        :theme="theme"
-        class="editor"
-        editor-id="contact"
-        id="contact"
-        language="en-US"
-        preview-theme="github"
-        no-highlight
-        no-upload-img
-        no-mermaid
-        no-katex
-      />
-    </ClientOnly>
+    <MdEditor
+      v-model="contact"
+      :placeholder="placeholders.contact"
+      :theme="theme"
+      class="editor"
+      editor-id="contact"
+      id="contact"
+      language="en-US"
+      preview-theme="github"
+      no-highlight
+      no-upload-img
+      no-mermaid
+      no-katex
+    />
 
     <SubmitButton
       :form-data-array="[formData]"