feat: add heading id generate feature for markdown block (#13)

Signed-off-by: Ryan Wang <[email protected]>

console/package.json

@@ -18,6 +18,7 @@
     "@halo-dev/console-shared": "^2.7.0",
     "@lezer/highlight": "1.1.6",
     "marked": "^9.1.2",
+    "marked-gfm-heading-id": "^3.1.2",
     "turndown": "^7.1.2",
     "turndown-plugin-gfm": "^1.0.2",
     "vue": "^3.3.4"

console/src/editor/markdown-edited.ts

@@ -12,7 +12,7 @@ import { markRaw } from "vue";
 import MdiLanguageMarkdown from "~icons/mdi/language-markdown";
 import { CodeMirrorView } from "./code-mirror-view";
 import { markdown } from "@codemirror/lang-markdown";
-import { marked } from "marked";
+import marked from "@/utils/markdown";
 import TurndownService from "turndown";
 import { gfm } from "turndown-plugin-gfm";
 import { ToolboxItem } from "@halo-dev/richtext-editor";

console/src/utils/markdown.ts

@@ -0,0 +1,6 @@
+import { marked } from "marked";
+import { gfmHeadingId } from "marked-gfm-heading-id";
+
+marked.use(gfmHeadingId());
+
+export default marked;