@vuepress/markdown 2.0.0-rc.3 → 2.0.0-rc.30

package/dist/index.js

@@ -1,599 +1,322 @@
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/markdown.ts
-import { slugify as defaultSlugify } from "@mdit-vue/shared";
+import { slugify } from "@mdit-vue/shared";
+import { colors, fs, logger, path } from "@vuepress/utils";
 import MarkdownIt from "markdown-it";
-
-// src/plugins.ts
-import {
-  componentPlugin
-} from "@mdit-vue/plugin-component";
-import {
-  frontmatterPlugin
-} from "@mdit-vue/plugin-frontmatter";
-import {
-  headersPlugin
-} from "@mdit-vue/plugin-headers";
+import { componentPlugin } from "@mdit-vue/plugin-component";
+import { frontmatterPlugin } from "@mdit-vue/plugin-frontmatter";
+import { headersPlugin } from "@mdit-vue/plugin-headers";
 import { sfcPlugin } from "@mdit-vue/plugin-sfc";
 import { titlePlugin } from "@mdit-vue/plugin-title";
 import { tocPlugin } from "@mdit-vue/plugin-toc";
-
-// src/plugins/anchorPlugin.ts
-import { default as anchorPlugin } from "markdown-it-anchor";
-
-// src/plugins/assetsPlugin/resolveLink.ts
-import { path } from "@vuepress/utils";
+import anchorPlugin from "markdown-it-anchor";
 import { decode } from "mdurl";
-var resolveLink = (link, {
-  env,
-  absolutePathPrependBase = false,
-  relativePathPrefix,
-  strict = false
-}) => {
-  if (link.startsWith("data:"))
-    return link;
-  let resolvedLink = decode(link);
-  const isRelativePath = strict ? (
-    // in strict mode, only link that starts with `./` or `../` is considered as relative path
-    /^\.{1,2}\//.test(link)
-  ) : (
-    // in non-strict mode, link that does not start with `/` and does not have protocol is considered as relative path
-    !link.startsWith("/") && !/[A-z]+:\/\//.test(link)
-  );
-  if (isRelativePath && env.filePathRelative) {
-    resolvedLink = `${relativePathPrefix}/${path.join(
-      path.dirname(env.filePathRelative),
-      resolvedLink
-    )}`;
-  }
-  if (absolutePathPrependBase && env.base && link.startsWith("/")) {
-    resolvedLink = path.join(env.base, resolvedLink);
-  }
-  return resolvedLink;
-};
-
-// src/plugins/assetsPlugin/assetsPlugin.ts
-var assetsPlugin = (md, {
-  absolutePathPrependBase = false,
-  relativePathPrefix = "@source"
-} = {}) => {
-  const rawImageRule = md.renderer.rules.image;
-  md.renderer.rules.image = (tokens, idx, options, env, self) => {
-    const token = tokens[idx];
-    const link = token.attrGet("src");
-    if (link) {
-      token.attrSet(
-        "src",
-        resolveLink(link, { env, absolutePathPrependBase, relativePathPrefix })
-      );
-    }
-    return rawImageRule(tokens, idx, options, env, self);
-  };
-  const createHtmlRule = (rawHtmlRule) => (tokens, idx, options, env, self) => {
-    tokens[idx].content = tokens[idx].content.replace(
-      /(<img\b.*?src=)(['"])([^\2]*?)\2/gs,
-      (_, prefix, quote, src) => `${prefix}${quote}${resolveLink(src.trim(), {
-        env,
-        absolutePathPrependBase,
-        relativePathPrefix,
-        strict: true
-      })}${quote}`
-    ).replace(
-      /(<img\b.*?srcset=)(['"])([^\2]*?)\2/gs,
-      (_, prefix, quote, srcset) => `${prefix}${quote}${srcset.split(",").map(
-        (item) => item.trim().replace(
-          /^([^ ]*?)([ \n].*)?$/,
-          (_2, url, descriptor = "") => `${resolveLink(url.trim(), {
-            env,
-            absolutePathPrependBase,
-            relativePathPrefix,
-            strict: true
-          })}${descriptor.replace(/[ \n]+/g, " ").trimEnd()}`
-        )
-      ).join(", ")}${quote}`
-    );
-    return rawHtmlRule(tokens, idx, options, env, self);
-  };
-  const rawHtmlBlockRule = md.renderer.rules.html_block;
-  const rawHtmlInlineRule = md.renderer.rules.html_inline;
-  md.renderer.rules.html_block = createHtmlRule(rawHtmlBlockRule);
-  md.renderer.rules.html_inline = createHtmlRule(rawHtmlInlineRule);
-};
-
-// src/plugins/codePlugin/resolveAttr.ts
-var resolveAttr = (info, attr) => {
-  const pattern = `\\b${attr}\\s*=\\s*(?<quote>['"])(?<content>.+?)\\k<quote>(\\s|$)`;
-  const regex = new RegExp(pattern, "i");
-  const match = info.match(regex);
-  return match?.groups?.content ?? null;
-};
-
-// src/plugins/codePlugin/resolveHighlightLines.ts
-var resolveHighlightLines = (info) => {
-  const match = info.match(/{([\d,-]+)}/);
-  if (match === null) {
-    return null;
-  }
-  return match[1].split(",").map((item) => {
-    const range = item.split("-");
-    if (range.length === 1) {
-      range.push(range[0]);
-    }
-    return range.map((str) => Number.parseInt(str, 10));
-  });
-};
-var isHighlightLine = (lineNumber, ranges) => ranges.some(([start, end]) => lineNumber >= start && lineNumber <= end);
-
-// src/plugins/codePlugin/languages.ts
-var languages_exports = {};
-__export(languages_exports, {
-  languageBash: () => languageBash,
-  languageCsharp: () => languageCsharp,
-  languageDocker: () => languageDocker,
-  languageFsharp: () => languageFsharp,
-  languageJavascript: () => languageJavascript,
-  languageKotlin: () => languageKotlin,
-  languageMarkdown: () => languageMarkdown,
-  languagePython: () => languagePython,
-  languageRuby: () => languageRuby,
-  languageRust: () => languageRust,
-  languageStylus: () => languageStylus,
-  languageTypescript: () => languageTypescript,
-  languageYaml: () => languageYaml
-});
-var languageBash = {
-  name: "bash",
-  ext: "sh",
-  aliases: ["bash", "sh", "shell", "zsh"]
-};
-var languageCsharp = {
-  name: "csharp",
-  ext: "cs",
-  aliases: ["cs", "csharp"]
-};
-var languageDocker = {
-  name: "docker",
-  ext: "docker",
-  aliases: ["docker", "dockerfile"]
-};
-var languageFsharp = {
-  name: "fsharp",
-  ext: "fs",
-  aliases: ["fs", "fsharp"]
-};
-var languageJavascript = {
-  name: "javascript",
-  ext: "js",
-  aliases: ["javascript", "js"]
-};
-var languageKotlin = {
-  name: "kotlin",
-  ext: "kt",
-  aliases: ["kotlin", "kt"]
-};
-var languageMarkdown = {
-  name: "markdown",
-  ext: "md",
-  aliases: ["markdown", "md"]
-};
-var languagePython = {
-  name: "python",
-  ext: "py",
-  aliases: ["py", "python"]
-};
-var languageRuby = {
-  name: "ruby",
-  ext: "rb",
-  aliases: ["rb", "ruby"]
-};
-var languageRust = {
-  name: "rust",
-  ext: "rs",
-  aliases: ["rs", "rust"]
-};
-var languageStylus = {
-  name: "stylus",
-  ext: "styl",
-  aliases: ["styl", "stylus"]
-};
-var languageTypescript = {
-  name: "typescript",
-  ext: "ts",
-  aliases: ["ts", "typescript"]
-};
-var languageYaml = {
-  name: "yaml",
-  ext: "yml",
-  aliases: ["yaml", "yml"]
-};
-
-// src/plugins/codePlugin/resolveLanguage.ts
-var languagesMap;
-var getLanguagesMap = () => {
-  if (!languagesMap) {
-    languagesMap = Object.values(languages_exports).reduce((result, item) => {
-      item.aliases.forEach((alias) => {
-        result[alias] = item;
-      });
-      return result;
-    }, {});
-  }
-  return languagesMap;
-};
-var resolveLanguage = (info) => {
-  const alias = info.match(/^([^ :[{]+)/)?.[1] || "text";
-  return getLanguagesMap()[alias] ?? {
-    name: alias,
-    ext: alias,
-    aliases: [alias]
-  };
-};
-
-// src/plugins/codePlugin/resolveLineNumbers.ts
-var resolveLineNumbers = (info) => {
-  if (/:line-numbers\b/.test(info)) {
-    return true;
-  }
-  if (/:no-line-numbers\b/.test(info)) {
-    return false;
-  }
-  return null;
+import { full as emojiPlugin } from "markdown-it-emoji";
+import { inferRoutePath, isLinkExternal, removeLeadingSlash } from "@vuepress/shared";
+//#region src/plugins/assetsPlugin/resolveLink.ts
+const resolveLink = (link, { env, absolutePathPrependBase = false, aliasSupport = true }) => {
+	if (link.startsWith("data:")) return link;
+	let resolvedLink = decode(link);
+	if (aliasSupport === false || aliasSupport === "@-prefix") {
+		if (!(link.startsWith("/") || link.startsWith("./") || link.startsWith("../") || /[A-Za-z]+:\/\//.test(link))) {
+			if (aliasSupport === false || !link.startsWith("@")) resolvedLink = `./${resolvedLink}`;
+		}
+	}
+	if (absolutePathPrependBase && env.base && link.startsWith("/")) resolvedLink = path.join(env.base, resolvedLink);
+	return resolvedLink;
 };
-
-// src/plugins/codePlugin/resolveVPre.ts
-var resolveVPre = (info) => {
-  if (/:v-pre\b/.test(info)) {
-    return true;
-  }
-  if (/:no-v-pre\b/.test(info)) {
-    return false;
-  }
-  return null;
+//#endregion
+//#region src/plugins/assetsPlugin/assetsPlugin.ts
+/**
+* Plugin to handle assets links
+*/
+const assetsPlugin = (md, { absolutePathPrependBase = false, aliasSupport = true } = {}) => {
+	const rawImageRule = md.renderer.rules.image;
+	md.renderer.rules.image = (tokens, idx, options, env, self) => {
+		const token = tokens[idx];
+		const link = token.attrGet("src");
+		if (link) token.attrSet("src", resolveLink(link, {
+			env,
+			absolutePathPrependBase,
+			aliasSupport
+		}));
+		return rawImageRule(tokens, idx, options, env, self);
+	};
+	const createHtmlRule = (rawHtmlRule) => (tokens, idx, options, env, self) => {
+		tokens[idx].content = tokens[idx].content.replace(/(<(?:img|source|video|audio)\b.*?\bsrc=)(['"])(.*?)\2/gs, (_, prefix, quote, src) => `${prefix}${quote}${resolveLink(src.trim(), {
+			env,
+			absolutePathPrependBase,
+			aliasSupport
+		})}${quote}`).replace(/(<(?:img|source|video|audio)\b.*?\bsrcset=)(['"])(.*?)\2/gs, (_, prefix, quote, srcset) => `${prefix}${quote}${srcset.split(",").map((item) => item.trim().replace(/^([^ ]*?)([ \n].*)?$/, (__, url, descriptor = "") => `${resolveLink(url.trim(), {
+			env,
+			absolutePathPrependBase,
+			aliasSupport
+		})}${descriptor.replace(/[ \n]+/g, " ").trimEnd()}`)).join(", ")}${quote}`);
+		return rawHtmlRule(tokens, idx, options, env, self);
+	};
+	const rawHtmlBlockRule = md.renderer.rules.html_block;
+	const rawHtmlInlineRule = md.renderer.rules.html_inline;
+	md.renderer.rules.html_block = createHtmlRule(rawHtmlBlockRule);
+	md.renderer.rules.html_inline = createHtmlRule(rawHtmlInlineRule);
 };
-
-// src/plugins/codePlugin/codePlugin.ts
-var codePlugin = (md, {
-  highlightLines = true,
-  lineNumbers = true,
-  preWrapper = true,
-  vPre: { block: vPreBlock = true, inline: vPreInline = true } = {}
-} = {}) => {
-  md.renderer.rules.fence = (tokens, idx, options, env, slf) => {
-    const token = tokens[idx];
-    const info = token.info ? md.utils.unescapeAll(token.info).trim() : "";
-    const language = resolveLanguage(info);
-    const languageClass = `${options.langPrefix}${language.name}`;
-    const code = options.highlight?.(token.content, language.name, "") || md.utils.escapeHtml(token.content);
-    token.attrJoin("class", languageClass);
-    let result = code.startsWith("<pre") ? code : `<pre${slf.renderAttrs(token)}><code>${code}</code></pre>`;
-    const useVPre = resolveVPre(info) ?? vPreBlock;
-    if (useVPre) {
-      result = `<pre v-pre${result.slice("<pre".length)}`;
-    }
-    if (!preWrapper) {
-      return result;
-    }
-    const lines = code.split("\n").slice(0, -1);
-    const highlightLinesRanges = highlightLines ? resolveHighlightLines(info) : null;
-    if (highlightLinesRanges) {
-      const highlightLinesCode = lines.map((_, index) => {
-        if (isHighlightLine(index + 1, highlightLinesRanges)) {
-          return '<div class="highlight-line">&nbsp;</div>';
-        }
-        return "<br>";
-      }).join("");
-      result = `${result}<div class="highlight-lines">${highlightLinesCode}</div>`;
-    }
-    const useLineNumbers = resolveLineNumbers(info) ?? (typeof lineNumbers === "number" ? lines.length >= lineNumbers : lineNumbers);
-    if (useLineNumbers) {
-      const lineNumbersCode = lines.map(() => `<div class="line-number"></div>`).join("");
-      result = `${result}<div class="line-numbers" aria-hidden="true">${lineNumbersCode}</div>`;
-    }
-    const title = resolveAttr(info, "title") ?? language.ext;
-    result = `<div class="${languageClass}${useLineNumbers ? " line-numbers-mode" : ""}" data-ext="${language.ext}" data-title="${title}">${result}</div>`;
-    return result;
-  };
-  if (vPreInline) {
-    const rawInlineCodeRule = md.renderer.rules.code_inline;
-    md.renderer.rules.code_inline = (tokens, idx, options, env, slf) => {
-      const result = rawInlineCodeRule(tokens, idx, options, env, slf);
-      return `<code v-pre${result.slice("<code".length)}`;
-    };
-  }
+//#endregion
+//#region src/plugins/importCodePlugin/createImportCodeBlockRule.ts
+const MIN_LENGTH = 9;
+const START_CODES = [
+	64,
+	91,
+	99,
+	111,
+	100,
+	101
+];
+const SYNTAX_RE = /^@\[code(?:{(?:(?:(?<lineStart>\d+)?-(?<lineEnd>\d+)?)|(?<lineSingle>\d+))})?(?: (?<info>[^\]]+))?\]\((?<importPath>[^)]*)\)/;
+/**
+* Utility function to parse line number from line string that matched by SYNTAX_RE
+*/
+const parseLineNumber = (line) => line ? Number.parseInt(line, 10) : void 0;
+const createImportCodeBlockRule = ({ handleImportPath = (str) => str }) => (state, startLine, endLine, silent) => {
+	/* istanbul ignore if */
+	if (state.sCount[startLine] - state.blkIndent >= 4) return false;
+	const pos = state.bMarks[startLine] + state.tShift[startLine];
+	const max = state.eMarks[startLine];
+	if (pos + MIN_LENGTH > max) return false;
+	for (let i = 0; i < START_CODES.length; i += 1) if (state.src.charCodeAt(pos + i) !== START_CODES[i]) return false;
+	const match = state.src.slice(pos, max).match(SYNTAX_RE);
+	if (!match?.groups) return false;
+	if (silent) return true;
+	const { info, importPath } = match.groups;
+	const lineSingle = parseLineNumber(match.groups.lineSingle);
+	const lineStart = lineSingle ?? parseLineNumber(match.groups.lineStart) ?? 0;
+	const lineEnd = lineSingle ?? parseLineNumber(match.groups.lineEnd);
+	const meta = {
+		importPath: handleImportPath(importPath),
+		lineStart,
+		lineEnd
+	};
+	const token = state.push("import_code", "code", 0);
+	token.info = info ?? path.extname(meta.importPath).slice(1);
+	token.markup = "```";
+	token.map = [startLine, startLine + 1];
+	token.meta = meta;
+	state.line = startLine + 1;
+	return true;
 };
-
-// src/plugins/emojiPlugin.ts
-import { full as emojiPlugin } from "markdown-it-emoji";
-
-// src/plugins/importCodePlugin/createImportCodeBlockRule.ts
-import { path as path2 } from "@vuepress/utils";
-var MIN_LENGTH = 9;
-var START_CODES = [64, 91, 99, 111, 100, 101];
-var SYNTAX_RE = /^@\[code(?:{(?:(\d+)?-(\d+)?)})?(?: ([^\]]+))?\]\(([^)]*)\)/;
-var createImportCodeBlockRule = ({ handleImportPath = (str) => str }) => (state, startLine, endLine, silent) => {
-  if (state.sCount[startLine] - state.blkIndent >= 4) {
-    return false;
-  }
-  const pos = state.bMarks[startLine] + state.tShift[startLine];
-  const max = state.eMarks[startLine];
-  if (pos + MIN_LENGTH > max)
-    return false;
-  for (let i = 0; i < START_CODES.length; i += 1) {
-    if (state.src.charCodeAt(pos + i) !== START_CODES[i]) {
-      return false;
-    }
-  }
-  const match = state.src.slice(pos, max).match(SYNTAX_RE);
-  if (!match)
-    return false;
-  if (silent)
-    return true;
-  const [, lineStart, lineEnd, info, importPath] = match;
-  const meta = {
-    importPath: handleImportPath(importPath),
-    lineStart: lineStart ? Number.parseInt(lineStart, 10) : 0,
-    lineEnd: lineEnd ? Number.parseInt(lineEnd, 10) : void 0
-  };
-  const token = state.push("import_code", "code", 0);
-  token.info = info ?? path2.extname(meta.importPath).slice(1);
-  token.markup = "```";
-  token.map = [startLine, startLine + 1];
-  token.meta = meta;
-  state.line = startLine + 1;
-  return true;
+//#endregion
+//#region src/plugins/importCodePlugin/resolveImportCode.ts
+const resolveImportCode = ({ importPath, lineStart, lineEnd }, { filePath }) => {
+	let importFilePath = importPath;
+	if (!path.isAbsolute(importPath)) {
+		if (!filePath) {
+			logger.error(`Import file ${colors.magenta(importPath)} can not be resolved`);
+			return {
+				importFilePath: null,
+				importCode: "Error when resolving path"
+			};
+		}
+		importFilePath = path.resolve(filePath, "..", importPath);
+	}
+	if (!fs.existsSync(importFilePath)) {
+		logger.error(`Import file ${colors.magenta(importPath)} not found`);
+		return {
+			importFilePath,
+			importCode: "File not found"
+		};
+	}
+	const fileContent = fs.readFileSync(importFilePath).toString();
+	return {
+		importFilePath,
+		importCode: fileContent.split("\n").slice(lineStart ? lineStart - 1 : lineStart, lineEnd).join("\n").replace(/\n?$/, "\n")
+	};
 };
-
-// src/plugins/importCodePlugin/resolveImportCode.ts
-import { colors, fs, logger, path as path3 } from "@vuepress/utils";
-var resolveImportCode = ({ importPath, lineStart, lineEnd }, { filePath }) => {
-  let importFilePath = importPath;
-  if (!path3.isAbsolute(importPath)) {
-    if (!filePath) {
-      logger.error(
-        `Import file ${colors.magenta(importPath)} can not be resolved`
-      );
-      return {
-        importFilePath: null,
-        importCode: "Error when resolving path"
-      };
-    }
-    importFilePath = path3.resolve(filePath, "..", importPath);
-  }
-  if (!fs.existsSync(importFilePath)) {
-    logger.error(`Import file ${colors.magenta(importPath)} not found`);
-    return {
-      importFilePath,
-      importCode: "File not found"
-    };
-  }
-  const fileContent = fs.readFileSync(importFilePath).toString();
-  return {
-    importFilePath,
-    importCode: fileContent.split("\n").slice(lineStart ? lineStart - 1 : lineStart, lineEnd).join("\n").replace(/\n?$/, "\n")
-  };
+//#endregion
+//#region src/plugins/importCodePlugin/importCodePlugin.ts
+const importCodePlugin = (md, options = {}) => {
+	md.block.ruler.before("fence", "import_code", createImportCodeBlockRule(options), { alt: [
+		"paragraph",
+		"reference",
+		"blockquote",
+		"list"
+	] });
+	md.renderer.rules.import_code = (tokens, idx, opts, env, slf) => {
+		const token = tokens[idx];
+		const { importFilePath, importCode } = resolveImportCode(token.meta, env);
+		token.content = importCode;
+		if (importFilePath) (env.importedFiles ??= []).push(importFilePath);
+		return md.renderer.rules.fence(tokens, idx, opts, env, slf);
+	};
 };
-
-// src/plugins/importCodePlugin/importCodePlugin.ts
-var importCodePlugin = (md, options = {}) => {
-  md.block.ruler.before(
-    "fence",
-    "import_code",
-    createImportCodeBlockRule(options),
-    {
-      alt: ["paragraph", "reference", "blockquote", "list"]
-    }
-  );
-  md.renderer.rules.import_code = (tokens, idx, options2, env, slf) => {
-    const token = tokens[idx];
-    const { importFilePath, importCode } = resolveImportCode(token.meta, env);
-    token.content = importCode;
-    if (importFilePath) {
-      ;
-      (env.importedFiles ??= []).push(importFilePath);
-    }
-    return md.renderer.rules.fence(tokens, idx, options2, env, slf);
-  };
+//#endregion
+//#region src/plugins/linksPlugin/resolvePaths.ts
+/**
+* Resolve relative and absolute paths according to the `base` and `filePathRelative`
+*/
+const resolvePaths = (rawPath, base, filePathRelative) => {
+	let absolutePath;
+	let relativePath;
+	if (rawPath.startsWith("/")) if (rawPath.endsWith(".md")) {
+		absolutePath = path.join(base, rawPath);
+		relativePath = removeLeadingSlash(rawPath);
+	} else {
+		absolutePath = rawPath;
+		relativePath = path.relative(base, absolutePath);
+	}
+	else if (filePathRelative) {
+		relativePath = path.join(path.dirname(encodeURI(filePathRelative)), rawPath);
+		absolutePath = path.join(base, relativePath);
+	} else {
+		relativePath = rawPath.replace(/^(?:\.\/)?(.*)$/, "$1");
+		absolutePath = null;
+	}
+	return {
+		absolutePath,
+		relativePath
+	};
 };
-
-// src/plugins/linksPlugin/linksPlugin.ts
-import { isLinkExternal } from "@vuepress/shared";
-
-// src/plugins/linksPlugin/resolvePaths.ts
-import { removeLeadingSlash } from "@vuepress/shared";
-import { path as path4 } from "@vuepress/utils";
-var resolvePaths = (rawPath, base, filePathRelative) => {
-  let absolutePath;
-  let relativePath;
-  if (rawPath.startsWith("/")) {
-    if (rawPath.endsWith(".md")) {
-      absolutePath = path4.join(base, rawPath);
-      relativePath = removeLeadingSlash(rawPath);
-    } else {
-      absolutePath = rawPath;
-      relativePath = path4.relative(base, absolutePath);
-    }
-  } else {
-    if (filePathRelative) {
-      relativePath = path4.join(
-        // file path may contain non-ASCII characters
-        path4.dirname(encodeURI(filePathRelative)),
-        rawPath
-      );
-      absolutePath = path4.join(base, relativePath);
-    } else {
-      relativePath = rawPath.replace(/^(?:\.\/)?(.*)$/, "$1");
-      absolutePath = relativePath;
-    }
-  }
-  return {
-    absolutePath,
-    relativePath
-  };
+//#endregion
+//#region src/plugins/linksPlugin/linksPlugin.ts
+/**
+* Process links in markdown file
+*
+* - internal links: convert `<a>` tag into internalTag
+* - external links: add extra attrs
+*/
+const linksPlugin = (md, options = {}) => {
+	const internalTag = options.internalTag || "RouteLink";
+	const isExternal = options.isExternal ?? ((href, env) => isLinkExternal(href, env.base));
+	const externalAttrs = {
+		target: "_blank",
+		rel: "noopener noreferrer",
+		...options.externalAttrs
+	};
+	let hasOpenInternalLink = false;
+	const handleLinkOpen = (tokens, idx, env) => {
+		const token = tokens[idx];
+		const hrefIndex = token.attrIndex("href");
+		/* istanbul ignore if */
+		if (hrefIndex < 0) return;
+		const hrefAttr = token.attrs[hrefIndex];
+		const hrefLink = hrefAttr[1];
+		const { base = "/", filePathRelative = null } = env;
+		if (isExternal(hrefLink, env)) {
+			Object.entries(externalAttrs).forEach(([key, val]) => {
+				token.attrSet(key, val);
+			});
+			return;
+		}
+		const internalLinkMatch = hrefLink.match(/^([^#?]*?(?:\/|\.md|\.html))([#?].*)?$/);
+		if (!internalLinkMatch) return;
+		const rawPath = internalLinkMatch[1];
+		const rawHashAndQueries = (internalLinkMatch[2] || "").replace(/^#(\d)/, "#_$1");
+		const { relativePath, absolutePath } = resolvePaths(rawPath, base, filePathRelative);
+		if (["RouterLink", "RouteLink"].includes(internalTag)) {
+			token.tag = internalTag;
+			hrefAttr[0] = "to";
+			hrefAttr[1] = `${inferRoutePath(absolutePath ? absolutePath.replace(new RegExp(`^${base}`), "/") : relativePath)}${rawHashAndQueries}`;
+			hasOpenInternalLink = true;
+		} else hrefAttr[1] = `${inferRoutePath(absolutePath ?? relativePath)}${rawHashAndQueries}`;
+		(env.links ??= []).push({
+			raw: hrefLink,
+			relative: relativePath,
+			absolute: absolutePath
+		});
+	};
+	md.renderer.rules.link_open = (tokens, idx, opts, env, self) => {
+		handleLinkOpen(tokens, idx, env);
+		return self.renderToken(tokens, idx, opts);
+	};
+	md.renderer.rules.link_close = (tokens, idx, opts, _env, self) => {
+		if (hasOpenInternalLink) {
+			hasOpenInternalLink = false;
+			tokens[idx].tag = internalTag;
+		}
+		return self.renderToken(tokens, idx, opts);
+	};
 };
-
-// src/plugins/linksPlugin/linksPlugin.ts
-var linksPlugin = (md, options = {}) => {
-  const internalTag = options.internalTag || "VPLink";
-  const externalAttrs = {
-    target: "_blank",
-    rel: "noopener noreferrer",
-    ...options.externalAttrs
-  };
-  let hasOpenInternalLink = false;
-  const handleLinkOpen = (tokens, idx, env) => {
-    const token = tokens[idx];
-    const hrefIndex = token.attrIndex("href");
-    if (hrefIndex < 0) {
-      return;
-    }
-    const hrefAttr = token.attrs[hrefIndex];
-    const hrefLink = hrefAttr[1];
-    const { base = "/", filePathRelative = null } = env;
-    if (isLinkExternal(hrefLink, base)) {
-      Object.entries(externalAttrs).forEach(
-        ([key, val]) => token.attrSet(key, val)
-      );
-      return;
-    }
-    const internalLinkMatch = hrefLink.match(
-      /^((?:.*)(?:\/|\.md|\.html))(#.*)?$/
-    );
-    if (!internalLinkMatch) {
-      return;
-    }
-    const rawPath = internalLinkMatch[1];
-    const rawHash = internalLinkMatch[2] || "";
-    const { relativePath, absolutePath } = resolvePaths(
-      rawPath,
-      base,
-      filePathRelative
-    );
-    const normalizedPath = absolutePath.replace(new RegExp(`^${base}`), "/").replace(/(^|\/)(README|index).md$/i, "$1").replace(/\.md$/, ".html");
-    if (["RouterLink", "VPLink"].includes(internalTag)) {
-      token.tag = internalTag;
-      hrefAttr[0] = "to";
-      hasOpenInternalLink = true;
-    }
-    hrefAttr[1] = `${normalizedPath}${rawHash}`;
-    (env.links ??= []).push({
-      raw: hrefLink,
-      relative: relativePath,
-      absolute: absolutePath
-    });
-  };
-  md.renderer.rules.link_open = (tokens, idx, options2, env, self) => {
-    handleLinkOpen(tokens, idx, env);
-    return self.renderToken(tokens, idx, options2);
-  };
-  md.renderer.rules.link_close = (tokens, idx, options2, env, self) => {
-    if (hasOpenInternalLink) {
-      hasOpenInternalLink = false;
-      tokens[idx].tag = internalTag;
-    }
-    return self.renderToken(tokens, idx, options2);
-  };
+//#endregion
+//#region src/plugins/vPrePlugin/resolveVPre.ts
+/**
+* Resolve the `:v-pre` / `:no-v-pre` mark from token info
+*/
+const resolveVPre = (info) => {
+	if (/:v-pre\b/.test(info)) return true;
+	if (/:no-v-pre\b/.test(info)) return false;
+	return null;
 };
-
-// src/markdown.ts
-var createMarkdown = ({
-  anchor,
-  assets,
-  code,
-  component,
-  emoji,
-  frontmatter,
-  headers,
-  title,
-  importCode,
-  links,
-  sfc,
-  slugify = defaultSlugify,
-  toc,
-  ...markdownItOptions
-} = {}) => {
-  const md = MarkdownIt({
-    ...markdownItOptions,
-    // should always enable html option
-    html: true
-  });
-  if (anchor !== false) {
-    md.use(anchorPlugin, {
-      level: [1, 2, 3, 4, 5, 6],
-      slugify,
-      permalink: anchorPlugin.permalink.headerLink({
-        class: "header-anchor",
-        // Add a span inside the link so Safari shows headings in reader view.
-        safariReaderFix: true
-      }),
-      ...anchor
-    });
-  }
-  if (assets !== false) {
-    md.use(assetsPlugin, assets);
-  }
-  if (code !== false) {
-    md.use(codePlugin, code);
-  }
-  if (component !== false) {
-    md.use(componentPlugin);
-  }
-  if (emoji !== false) {
-    md.use(emojiPlugin, emoji);
-  }
-  if (frontmatter !== false) {
-    md.use(frontmatterPlugin, {
-      ...frontmatter,
-      grayMatterOptions: {
-        excerpt: false,
-        ...frontmatter?.grayMatterOptions
-      }
-    });
-  }
-  if (headers !== false) {
-    md.use(headersPlugin, {
-      level: [2, 3],
-      slugify,
-      ...headers
-    });
-  }
-  if (importCode !== false) {
-    md.use(importCodePlugin, importCode);
-  }
-  if (links !== false) {
-    md.use(linksPlugin, links);
-  }
-  if (sfc !== false) {
-    md.use(sfcPlugin, sfc);
-  }
-  if (toc !== false) {
-    md.use(tocPlugin, {
-      level: [2, 3],
-      slugify,
-      linkTag: "router-link",
-      ...toc
-    });
-  }
-  if (title !== false) {
-    md.use(titlePlugin);
-  }
-  return md;
+//#endregion
+//#region src/plugins/vPrePlugin/vPrePlugin.ts
+/**
+* v-pre plugin
+*/
+const vPrePlugin = (md, { inline = true, block = true } = {}) => {
+	const rawFence = md.renderer.rules.fence;
+	md.renderer.rules.fence = (...args) => {
+		const [tokens, idx] = args;
+		const token = tokens[idx];
+		const info = token.info ? md.utils.unescapeAll(token.info).trim() : "";
+		let result = rawFence(...args);
+		if (resolveVPre(info) ?? block) result = `<pre v-pre${result.slice(4)}`;
+		return result;
+	};
+	if (inline) {
+		const rawInlineCodeRule = md.renderer.rules.code_inline;
+		md.renderer.rules.code_inline = (...args) => {
+			return `<code v-pre${rawInlineCodeRule(...args).slice(5)}`;
+		};
+	}
 };
-export {
-  anchorPlugin,
-  assetsPlugin,
-  codePlugin,
-  componentPlugin,
-  createMarkdown,
-  emojiPlugin,
-  frontmatterPlugin,
-  headersPlugin,
-  importCodePlugin,
-  linksPlugin,
-  sfcPlugin,
-  titlePlugin,
-  tocPlugin
+//#endregion
+//#region src/markdown.ts
+/**
+* Create vuepress customized markdown-it instance
+*/
+const createMarkdown = ({ anchor, assets, code, vPre, component, emoji, frontmatter, headers, title, importCode, links, sfc, slugify: slugify$1 = slugify, toc, ...markdownItOptions } = {}) => {
+	const md = MarkdownIt({
+		...markdownItOptions,
+		html: true
+	});
+	if (anchor !== false) md.use(anchorPlugin, {
+		level: [
+			1,
+			2,
+			3,
+			4,
+			5,
+			6
+		],
+		slugify: slugify$1,
+		permalink: anchorPlugin.permalink.headerLink({
+			class: "header-anchor",
+			safariReaderFix: true
+		}),
+		...anchor
+	});
+	if (assets !== false) md.use(assetsPlugin, assets);
+	if (code) logger.warn(`\`markdown.code\` option has been removed, please use '@vuepress/plugin-shiki' or '@vuepress/plugin-prismjs' instead.\n See https://vuepress.vuejs.org/reference/config.html#markdown-code`);
+	if (component !== false) md.use(componentPlugin);
+	if (emoji !== false) md.use(emojiPlugin, emoji);
+	if (frontmatter !== false) md.use(frontmatterPlugin, {
+		...frontmatter,
+		grayMatterOptions: {
+			excerpt: false,
+			...frontmatter?.grayMatterOptions
+		}
+	});
+	if (headers !== false) md.use(headersPlugin, {
+		level: [2, 3],
+		slugify: slugify$1,
+		...headers
+	});
+	if (importCode !== false) md.use(importCodePlugin, importCode);
+	if (links !== false) md.use(linksPlugin, links);
+	if (sfc !== false) md.use(sfcPlugin, sfc);
+	if (toc !== false) md.use(tocPlugin, {
+		level: [2, 3],
+		slugify: slugify$1,
+		linkTag: "router-link",
+		...toc
+	});
+	if (title !== false) md.use(titlePlugin);
+	if (vPre !== false) md.use(vPrePlugin, vPre);
+	return md;
 };
+//#endregion
+export { anchorPlugin, assetsPlugin, componentPlugin, createMarkdown, emojiPlugin, frontmatterPlugin, headersPlugin, importCodePlugin, linksPlugin, sfcPlugin, titlePlugin, tocPlugin, vPrePlugin };