fix: alert and todo-list

Author: ifyun

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "jian-doc",
   "private": true,
-  "version": "0.0.3",
+  "version": "0.0.4",
   "scripts": {
     "dev": "vite --host",
     "build": "tsc && vite build",

package.json

@@ -6,6 +6,7 @@ import tips from "../icons/tips.svg?raw"
 import important from "../icons/important.svg?raw"
 import warning from "../icons/warning.svg?raw"
 import caution from "../icons/caution.svg?raw"
+import _md from "./common.ts"
 
 const RuleAlert: RuleBlock = (
   state: StateBlock,
@@ -130,7 +131,7 @@ export const AlertPlugin = (md: MarkdownIt) => {
     return (
       `<div class="alert ${info}">` +
       `<p class="title">${icon}${info}</p>` +
-      `<p class="content">${content}</p>` +
+      `<p class="content">${_md.renderInline(content)}</p>` +
       `</div>`
     )
   }

src/plugins/alert-plugin.ts

@@ -0,0 +1,4 @@
+import MarkdownIt from "markdown-it"
+
+const _md = new MarkdownIt({ html: true, linkify: true })
+export default _md

src/plugins/common.ts

@@ -1,4 +1,5 @@
 import MarkdownIt, { Token } from "markdown-it"
+import _md from "./common.ts"
 
 function isTodo(tokens: Token[], index: number): boolean {
   return (
@@ -30,5 +31,7 @@ export const TodoPlugin = (md: MarkdownIt) => {
     }
   })
 
-  md.renderer.rules.todo = md.renderer.rules.text!.bind(md.renderer.rules)
+  md.renderer.rules.todo = (tokens: Token[], index: number) => {
+    return _md.renderInline(tokens[index].content)
+  }
 }