Use EnhancedMarkdown for descriptions

Author: FileEX

web/src/components/ItemDescription.astro

@@ -1,5 +1,6 @@
 ---
 import { marked } from 'marked';
+import EnhancedMarkdown from './EnhancedMarkdown.astro';
 
 interface Props {
   description: string;
@@ -16,5 +17,5 @@ path = path.endsWith('/') ? path.slice(0, -1) : path;
         <br>Please finish this page using the <a target="_blank" href={"https://wiki.multitheftauto.com/wiki" + path}>corresponding Old Wiki article</a>.
         <br>Go to <a target="_blank" href="https://github.com/multitheftauto/wiki.multitheftauto.com/blob/main/CONTRIBUTING.md">Contribution guidelines</a> for more information.</p>
 ) : (
-    <Fragment set:html={marked(description)} />
+    <EnhancedMarkdown content={description} />
 )}

web/src/pages/[element].astro

@@ -10,6 +10,7 @@ import { getElementCategory, getOOPFunctionsForElement } from '@src/utils/elemen
 import SeeAlsoSection from '@src/components/SeeAlsoSection.astro';
 import CodeExamplesSection from '@src/components/CodeExamplesSection.astro';
 import ElementOOPInfo from '@src/components/ElementOOPInfo.astro';
+import EnhancedMarkdown from '@src/components/EnhancedMarkdown.astro';
 
 export async function getStaticPaths() {
   const elements = await getCollection('elements');
@@ -45,7 +46,7 @@ let oop_compatible_functions = getOOPFunctionsForElement(element.data.name);
 }}>
   <p><a href="/Element">Element</a> category: <strong>{getElementCategory(element)}</strong></p>
 
-  <Fragment set:html={marked(element.data.description)} />
+  <EnhancedMarkdown content={element.data.description} />
 
   <ElementOOPInfo
     element_name={element.data.name}

web/src/pages/[event].astro

@@ -13,6 +13,7 @@ import type { NotesType } from '@src/utils/types';
 import SeeAlsoSection from '@src/components/SeeAlsoSection.astro';
 import CodeExamplesSection from '@src/components/CodeExamplesSection.astro';
 import ItemDescription from '@src/components/ItemDescription.astro';
+import EnhancedMarkdown from '@src/components/EnhancedMarkdown.astro';
 
 export async function getStaticPaths() {
     const events = await getCollection('events');
@@ -78,7 +79,7 @@ if (Array.isArray(event.data.notes) && event.data.notes.length > 0) {
             <div class="notes-section">
                 {notesContent.map((note) => (
                     <NoteBox type={note.type}>
-                        <Fragment set:html={marked(note.content)} />
+                        <EnhancedMarkdown content={note.content}/>
                     </NoteBox>
                 ))}
             </div>

web/src/pages/[func].astro

@@ -16,6 +16,7 @@ import CodeExamplesSection from '@src/components/CodeExamplesSection.astro';
 
 import ChangelogList from '@src/components/ChangelogList.astro';
 import ItemDescription from '@src/components/ItemDescription.astro';
+import EnhancedMarkdown from '@src/components/EnhancedMarkdown.astro';
 
 export async function getStaticPaths() {
     const functions = await getCollection('functions');
@@ -96,7 +97,7 @@ let funcSyntaxes = parseFunctionSyntaxes(func.id, func.data);
             <div class="notes-section">
                 {notesContent.map((note) => (
                     <NoteBox type={note.type}>
-                        <Fragment set:html={marked(note.content)} />
+                        <EnhancedMarkdown content={note.content} />
                     </NoteBox>
                 ))}
             </div>
@@ -185,7 +186,8 @@ let funcSyntaxes = parseFunctionSyntaxes(func.id, func.data);
                             <li set:html={"<strong>" + ret.type + "</strong>: " + renderInlineMarkdown(ret.name)} />
                         ))}
                     </ul>
-                    <Fragment set:html={marked(syntax.returns.description)} />
+
+                    <EnhancedMarkdown content={syntax.returns.description}/>
                 )}
             </div>
         ))}

web/src/pages/[theType].astro

@@ -1,7 +1,6 @@
 ---
 import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
 import { getCollection } from 'astro:content';
-import { marked } from 'marked';
 import EnhancedMarkdown from '@src/components/EnhancedMarkdown.astro';
 
 export async function getStaticPaths() {