External Link

Indicate external links to users.

Example

MDN

Build

External link enhancement runs during build and is enabled by default.

TypeScript
export default {  server: {    externalLink: true,  },}

Info

When enabled, it matches links whose href starts with http:// or https:// in the generated HTML.

Matched links receive:

• target="_blank"
• rel="noopener noreferrer"
• data-vp-external-link
• external-link icon

Scope

External link enhancement only processes these generated regions:

• Editor content: data-vp-editor
• Header menu and mobile menu: data-vp-menu, data-vp-mobile-menu-nav
• Sidebar navigation: data-vp-sidebar