render page content based on tokens; ignore rendered content field

src/components/Markdown/index.tsx

@@ -0,0 +1,19 @@
+import { Html } from 'src/components/Html'
+import MarkdownIt from 'markdown-it'
+import Typograf from 'typograf'
+import { memo } from 'react'
+
+const tp = new Typograf({ locale: ['ru'] })
+const md = new MarkdownIt({
+    html: true,
+})
+
+export type MarkdownProps = {
+    data: string
+}
+
+export const Markdown: React.SFC<MarkdownProps> = memo(props => (
+    <Html
+        html={tp.execute(md.render(props.data))}
+    />
+))

src/components/Page/index.tsx

@@ -7,19 +7,13 @@ import { ITag } from 'src/types'
 
 export type PageProps = {
     style?: React.CSSProperties
-    children: string
     date: Date
     tags: ITag[]
 }
 
 export const Page: React.FC<PageProps> = props => (
     <div className={'page'} style={props.style}>
-        <Html
-            as={'article'}
-            className={'article'}
-            html={props.children}
-        />
-
+        {props.children}
         <hr />
         <Share />