nprogress Plugin

Integrate nprogress into VuePress, which can provide a progress bar when navigating to another page.

This plugin has been integrated into the default theme.

Usage

npm i -D @vuepress/plugin-nprogress@next

import { nprogressPlugin } from '@vuepress/plugin-nprogress'

export default {
  plugins: [
    nprogressPlugin(),
  ],
}

Styles

You can customize the style of the progress bar via CSS variables:

:root {
  --nprogress-color: #29d;
  --nprogress-z-index: 1031;
}