Merge pull request #20 from Eisvana/revert-18-dev

Revert "make MdEditor clientonly"
Eisvana · Mar 22, 2024 · d6ef3a0 · d6ef3a0
2 parents 4ba8a75 + 5c2d0b6
commit d6ef3a0
Show file tree

Hide file tree

Showing 2 changed files with 57 additions and 68 deletions.
diff --git 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
@@ -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]"