refactor($theme-default): toc

packages/@vuepress/core/lib/client/app.js

@@ -16,7 +16,6 @@ import Content from './components/Content.js'
 import ContentSlotsDistributor from './components/ContentSlotsDistributor'
 import OutboundLink from './components/OutboundLink.vue'
 import ClientOnly from './components/ClientOnly'
-import TOC from './components/TOC.vue'
 
 // suggest dev server restart on base change
 if (module.hot) {
@@ -47,8 +46,6 @@ Vue.component('ClientOnly', ClientOnly)
 // core components
 Vue.component('Layout', getLayoutAsyncComponent('Layout'))
 Vue.component('NotFound', getLayoutAsyncComponent('NotFound'))
-// markdown components
-Vue.component('TOC', TOC)
 
 // global helper for adding base path to absolute urls
 Vue.prototype.$withBase = function (path) {

packages/@vuepress/markdown/index.js

@@ -15,7 +15,6 @@ const componentPlugin = require('./lib/component')
 const hoistScriptStylePlugin = require('./lib/hoist')
 const convertRouterLinkPlugin = require('./lib/link')
 const snippetPlugin = require('./lib/snippet')
-const tocPlugin = require('./lib/tableOfContents')
 const emojiPlugin = require('markdown-it-emoji')
 const anchorPlugin = require('markdown-it-anchor')
 const {
@@ -32,7 +31,6 @@ module.exports = (markdown = {}) => {
   const {
     externalLinks,
     anchor,
-    toc,
     plugins,
     lineNumbers,
     beforeInstantiate,
@@ -93,10 +91,6 @@ module.exports = (markdown = {}) => {
       }, anchor)])
       .end()
 
-    .plugin(PLUGINS.TOC)
-      .use(tocPlugin, [toc])
-      .end()
-
   if (lineNumbers) {
     config
       .plugin(PLUGINS.LINE_NUMBERS)

packages/@vuepress/plugin-toc/.npmignore

@@ -0,0 +1,3 @@
+__tests__
+__mocks__
+.temp

packages/@vuepress/plugin-toc/README.md

@@ -0,0 +1,5 @@
+# @vuepress/plugin-toc
+
+> table of contents plugin for vuepress
+
+See [documentation](https://vuepress.vuejs.org/plugin/official/plugin-toc.html).

packages/@vuepress/plugin-toc/enhanceApp.js

@@ -0,0 +1,5 @@
+import TOC from './components/TOC.vue'
+
+export default ({ Vue }) => {
+  Vue.component('TOC', TOC)
+}

packages/@vuepress/plugin-toc/index.js

@@ -0,0 +1,10 @@
+const markdownTOC = require('./markdown')
+const { path } = require('@vuepress/shared-utils')
+
+module.exports = (options = {}, context) => ({
+  extendMarkdown (md) {
+    md.use(markdownTOC, options)
+  },
+
+  enhanceAppFiles: path.resolve(__dirname, 'enhanceApp.js')
+})

packages/@vuepress/markdown/lib/tableOfContents.js → packages/@vuepress/plugin-toc/markdown.js

@@ -1,5 +1,3 @@
-// reference: https://github.com/Oktavilla/markdown-it-table-of-contents
-
 const defaults = {
   includeLevel: [2, 3],
   containerClass: 'table-of-contents',

packages/@vuepress/plugin-toc/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@vuepress/plugin-toc",
+  "version": "1.0.0-alpha.44",
+  "description": "table of contents plugin for vuepress",
+  "main": "index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vuejs/vuepress.git",
+    "directory": "packages/@vuepress/plugin-toc"
+  },
+  "keywords": [
+    "documentation",
+    "vue",
+    "vuepress",
+    "generator"
+  ],
+  "author": "Shigma <[email protected]>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/vuejs/vuepress/issues"
+  },
+  "homepage": "https://github.com/vuejs/vuepress/packages/@vuepress/plugin-toc#readme"
+}

packages/@vuepress/theme-default/index.js

@@ -19,8 +19,9 @@ module.exports = (options, ctx) => ({
 
   plugins: [
     '@vuepress/active-header-links',
+    '@vuepress/nprogress',
     '@vuepress/search',
-    '@vuepress/plugin-nprogress',
+    '@vuepress/toc',
     ['@vuepress/container', { type: 'tip' }],
     ['@vuepress/container', { type: 'warning' }],
     ['@vuepress/container', { type: 'danger' }]

packages/@vuepress/theme-default/package.json

@@ -34,6 +34,7 @@
     "@vuepress/plugin-container": "^1.0.0-alpha.44",
     "@vuepress/plugin-nprogress": "^1.0.0-alpha.44",
     "@vuepress/plugin-search": "^1.0.0-alpha.44",
+    "@vuepress/plugin-toc": "^1.0.0-alpha.44",
     "docsearch.js": "^2.5.2",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2"