fix: markdown parsing after marked library version dump

broken by 802d32f

Author: Krystian Chmura

dev-portal/src/components/SwaggerUiLayout.jsx

@@ -7,7 +7,7 @@ import React, { useMemo } from 'react'
 import { Button, Header, Image, Container } from 'semantic-ui-react'
 
 // markdown for external docs description
-import marked from 'marked'
+import { marked } from 'marked'
 import DOMPurify from 'dompurify'
 
 // services
@@ -24,7 +24,7 @@ import { store } from 'services/state.js'
 export const SwaggerLayoutPlugin = () => ({ components: { InfoContainer: InfoReplacement } })
 
 function Markdown ({ source }) {
-  const rendered = useMemo(() => DOMPurify.sanitize(marked(source, {
+  const rendered = useMemo(() => DOMPurify.sanitize(marked.parse(source, {
     headerIds: false,
     silent: true
   })), [source])

dev-portal/src/services/get-fragments.jsx

@@ -12,7 +12,7 @@ import { observable } from 'mobx'
 
 // markdown parsing
 import frontmatter from 'front-matter'
-import marked from 'marked'
+import { marked } from 'marked'
 
 export const fragments = observable({})
 
@@ -39,7 +39,7 @@ function loadHtml (path, fragment) {
 
   window.fetch(path).then(response => response.text().then(text => {
     const parsedMarkdown = frontmatter(text)
-    const html = marked(parsedMarkdown.body, {
+    const html = marked.parse(parsedMarkdown.body, {
       headerPrefix: 'header-',
       silent: true
     })