parse markdown in type descriptions

Author: outfoxxed

src/pages/docs/[version]/types/[module]/[type].astro

@@ -28,6 +28,10 @@ const superLink = type.super ? getQMLTypeLink(version.name, type.super) : null;
 const details = type.details
   ? await processMarkdown(version.name, type.details)
   : null;
+
+const description = type.description
+  ? await processMarkdown(version.name, type.description)
+  : null;
 ---
 <DocsLayout title={`${module.name} - ${type.name}`} description={type.description ?? ""} type={type}>
   <div class="docs">
@@ -57,7 +61,7 @@ const details = type.details
       <code class="type-module" data-pagefind-ignore>import {module.name}</code>
       <section class="typedocs-data typedata">
         <subheading class="typedocs-subheading">
-          {details ? <span class="parsedMD" set:html={details}/> : (<span class="toparse">{type.description}</span>)}
+          {details ? <span class="parsedMD" set:html={details}/> : <span class="parsedMD" set:html={description}/>}
         </subheading>
         { Object.keys(type.properties ?? {}).length != 0 && (
           <h2>Properties <a href={`/docs/${version.name}/guide/qml-language#properties`}>[?]</a></h2>

src/pages/docs/[version]/types/[module]/index.astro

@@ -16,6 +16,11 @@ const { version, module } = Astro.props;
 const details = module.details
   ? await processMarkdown(version.name, module.details)
   : null;
+
+const types = await Promise.all(module.types.map(async type => ({
+  description2: type.description ? await processMarkdown(version.name, type.description) : null,
+  ...type
+})));
 ---
 
 <DocsLayout
@@ -28,13 +33,13 @@ const details = module.details
     <section>
       <span>{module.description}</span>
       <div class="root-nav" data-pagefind-ignore>
-        {module.types.map(type => 
+        {types.map(type =>
           (
           <div class="root-nav-entry">
             <a class="root-nav-link" href={`/docs/${version.name}/types/${module.name}/${type.name}`}>
               {type.name}
             </a>
-            <span class="root-nav-desc">{type.description}</span>
+            {type.description2 && <span class="root-nav-desc" set:html={type.description2}/>}
           </div>
           )
         )}

src/styles/docs/docs-types.css

@@ -341,6 +341,9 @@ html.dark .typevariants {
       & .root-nav-desc {
         padding-left: 1rem;
         border-left: 1px solid hsl(var(--blue) 10% 15% / 0.6);
+
+        /* for processMarkdown in desc strs*/
+        & > p { margin: 0 }
       }
     }
   }