Overview

Use the <Plot> component to display plot text with more flexible control over behavior.

This component is disabled by default and needs to be enabled in the theme configuration.

.vuepress/config.ts

export default defineUserConfig({
  theme: plumeTheme({
    markdown: {
      plot: true,
    },
  })
})

Props

triggerOptional'hover' | 'click'

'hover'

Trigger on mouse hover or click

effectOptional'blur' | 'mask'

'mask'

Mask layer effect or text blur effect

Examples

Input:

- Hover - <Plot>Visible on hover</Plot>
- Click - <Plot trigger="click">Visible on click</Plot>

Output:

• Hover - Visible on hover
• Click - Visible on click

Contributors

pengzhanbo

Changelog

10/9/25, 7:46 AM

View All Changelog

• 38505-docs: update en docs (#708)on 10/9/25