From 8a2826da9111fb9ddd774ff1feb8344cd74d817b Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Fri, 10 Jun 2022 17:36:59 +0100
Subject: [PATCH] fix: use `class` in markdown rendering

---
 src/components/common/Emoji.tsx      | 2 +-
 src/components/markdown/Renderer.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/common/Emoji.tsx b/src/components/common/Emoji.tsx
index efd06b65..9be2e8fd 100644
--- a/src/components/common/Emoji.tsx
+++ b/src/components/common/Emoji.tsx
@@ -73,7 +73,7 @@ export default function Emoji({
 }
 
 export function generateEmoji(emoji: string) {
-    return `<img loading="lazy" className="emoji" draggable="false" alt="${emoji}" src="${parseEmoji(
+    return `<img loading="lazy" class="emoji" draggable="false" alt="${emoji}" src="${parseEmoji(
         emoji,
     )}" />`;
 }
diff --git a/src/components/markdown/Renderer.tsx b/src/components/markdown/Renderer.tsx
index 735a5ff5..57070002 100644
--- a/src/components/markdown/Renderer.tsx
+++ b/src/components/markdown/Renderer.tsx
@@ -48,10 +48,10 @@ export const md: MarkdownIt = MarkdownIt({
         const v = Prism.languages[lang];
         if (v) {
             const out = Prism.highlight(str, v, lang);
-            return `<pre className="code"><div className="lang"><div onclick="copycode(this)">${lang}</div></div><code className="language-${lang}">${out}</code></pre>`;
+            return `<pre class="code"><div class="lang"><div onclick="copycode(this)">${lang}</div></div><code class="language-${lang}">${out}</code></pre>`;
         }
 
-        return `<pre className="code"><code>${md.utils.escapeHtml(
+        return `<pre class="code"><code>${md.utils.escapeHtml(
             str,
         )}</code></pre>`;
     },