Skip to content

Adds an outline of the current page's headlines to the right side of the screen

License

Notifications You must be signed in to change notification settings

discue/vuepress-plugin-outline

Repository files navigation

Vue logo


GitHub tag Latest Stable Version License
NPM Downloads NPM Downloads
contributions - welcome Made with Node.js


vuepress-plugin-outline

A plugin for VuePress that adds an outline to the right of the screen.

Screenshot of discue.io documentation with enabled outline plugin.

Note: This plugin is specifically designed for discue documentation sites (like ui.discue.io) and might not be suitable for your project unless you're using or basing your theme on the discue theme.

📦 Installation

Install the package via npm

npm install -D @discue/vuepress-plugin-outline

🚀 Usage

Register the plugin in your vuepress config.

// ./configs/plugins.js
import outlinePlugin from '@discue/vuepress-plugin-outline';

export default [
    // .. other plugins
    outlinePlugin(),
]
// ./config.js
import { viteBundler } from '@vuepress/bundler-vite';
import { defineUserConfig } from '@vuepress/cli';
import plugins from './configs/plugins.js';
import defaultTheme from './theme/index.js';

export default defineUserConfig({
    bundler: viteBundler(),
    lang: 'en-US',
    title: 'My Docs',
    theme: defaultTheme({
        // .. theme configuration
    }),
    plugins,
})

📄 License

ISC