toc(table-of-contents) support

Author: tianyong90

packages/example/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.4",
   "private": true,
   "scripts": {
-    "dev": "yarn webpack-dev-server --config webpack.config.js --open",
+    "dev": "yarn webpack-dev-server",
     "lint": "eslint --ext .js,.ts src"
   },
   "dependencies": {

packages/example/src/hello.md

@@ -5,6 +5,8 @@ lang: zh-CN
 
 # @tianyong90/vue-markdown-loader example
 
+[[toc]]
+
 ## hello world!
 
 ## paragraph
@@ -20,7 +22,6 @@ Enjoy coding!
 | aaaa | bbbbbb | ccccc |
 | a    | b      | c     |
 
-
 ## list
 
 - unordered list
@@ -72,3 +73,15 @@ Hello, thanks for using @tianyong90/vue-markdown-loader.
 ::: danger STOP
 Danger zone!
 :::
+
+## toc h2
+
+test content
+
+### toc h3 first
+
+hello
+
+### toc h3 second
+
+hello

packages/vue-markdown-loader/src/markdown/index.ts

@@ -6,20 +6,16 @@ import highlightLines from './lib/highlightLines'
 import preWrapperPlugin from './lib/preWrapper'
 import lineNumbersPlugin from './lib/lineNumbers'
 import containersPlugin from './lib/containers'
-// import hoistScriptStylePlugin from './lib/hoist'
-import tocPlugin from './lib/tableOfContents'
-import emojiPlugin from 'markdown-it-emoji'
 import anchorPlugin from 'markdown-it-anchor'
+import emojiPlugin from 'markdown-it-emoji'
+import tocPlugin from 'markdown-it-table-of-contents'
 import hash from 'hash-sum'
 import chalk from 'chalk'
 import { logger, slugify } from '../utils'
 
 export default (options: any = {}) => {
   const { anchor, toc, plugins, lineNumbers, beforeInstantiate, afterInstantiate } = options
 
-  // TODO
-  // const resolver =
-
   const config = new Config()
 
   config.options
@@ -57,9 +53,14 @@ export default (options: any = {}) => {
     ])
     .end()
 
-    // TODO: TOC
     .plugin(PLUGINS.TOC)
-    .use(tocPlugin, [toc])
+    .use(tocPlugin, [
+      {
+        slugify,
+        includeLevel: [2, 3],
+        ...toc,
+      },
+    ])
     .end()
 
   if (lineNumbers) {