feat($active-header-links): sidebarLinkSelector & headerAnchorSelecto…

…r option
vuejs · Nov 5, 2018 · 3a79635 · 3a79635
1 parent 62c3525
commit 3a79635
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/packages/@vuepress/plugin-active-header-links/index.js b/packages/@vuepress/plugin-active-header-links/index.js
@@ -1,5 +1,9 @@
 const { path } = require('@vuepress/shared-utils')
 
-module.exports = {
-  clientRootMixin: path.resolve(__dirname, 'mixin.js')
-}
+module.exports = (options) => ({
+  clientRootMixin: path.resolve(__dirname, 'mixin.js'),
+  define: {
+    AHL_SIDEBAR_LINK_SELECTOR: options.sidebarLinkSelector || '.sidebar-link',
+    AHL_HEADER_ANCHOR_SELECTOR: options.headerAnchorSelector || '.header-anchor'
+  }
+})
diff --git a/packages/@vuepress/plugin-active-header-links/mixin.js b/packages/@vuepress/plugin-active-header-links/mixin.js
@@ -1,3 +1,5 @@
+/* global AHL_SIDEBAR_LINK_SELECTOR, AHL_HEADER_ANCHOR_SELECTOR */
+
 import throttle from 'lodash.throttle'
 
 function calculateCurrentAnchor (anchors) {
@@ -25,9 +27,9 @@ function calculateCurrentAnchor (anchors) {
 }
 
 function getAnchors () {
-  const sidebarLinks = [].slice.call(document.querySelectorAll('.sidebar-link'))
+  const sidebarLinks = [].slice.call(document.querySelectorAll(AHL_SIDEBAR_LINK_SELECTOR))
   return [].slice
-    .call(document.querySelectorAll('.header-anchor'))
+    .call(document.querySelectorAll(AHL_HEADER_ANCHOR_SELECTOR))
     .filter(anchor => sidebarLinks.some(sidebarLink => sidebarLink.hash === anchor.hash))
     .map(el => {
       return {