@vuepress/markdown 2.0.0-rc.2 → 2.0.0-rc.20

package/README.md

@@ -5,7 +5,7 @@
 
 ## Documentation
 
-https://v2.vuepress.vuejs.org
+https://vuepress.vuejs.org
 
 ## License
 

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import { SfcPluginOptions } from '@mdit-vue/plugin-sfc';
 export { MarkdownSfcBlocks, SfcPluginOptions, sfcPlugin } from '@mdit-vue/plugin-sfc';
 import { MarkdownItEnv } from '@mdit-vue/types';
-import { PageHeader, PageFrontmatter } from '@vuepress/shared';
-import MarkdownIt, { PluginWithOptions } from 'markdown-it';
+import { PageFrontmatter, PageHeader } from '@vuepress/shared';
+import MarkdownIt, { PluginWithOptions, Options as Options$1 } from 'markdown-it';
 import { FrontmatterPluginOptions } from '@mdit-vue/plugin-frontmatter';
 export { FrontmatterPluginOptions, frontmatterPlugin } from '@mdit-vue/plugin-frontmatter';
 import { HeadersPluginOptions } from '@mdit-vue/plugin-headers';
@@ -33,46 +33,6 @@ interface AssetsPluginOptions {
  */
 declare const assetsPlugin: PluginWithOptions<AssetsPluginOptions>;
 
-interface CodePluginOptions {
-    /**
-     * Enable highlight lines or not
-     */
-    highlightLines?: boolean;
-    /**
-     * Enable line numbers or not
-     *
-     * - A `boolean` value is to enable line numbers or not.
-     * - A `number` value is the minimum number of lines to enable line numbers
-     */
-    lineNumbers?: boolean | number;
-    /**
-     * Wrap the `<pre>` tag with an extra `<div>` or not. Do not disable it unless you
-     * understand what's it for
-     *
-     * - Required for `highlightLines`
-     * - Required for `lineNumbers`
-     * - Required for title display of default theme
-     */
-    preWrapper?: boolean;
-    /**
-     * Add `v-pre` directive or not
-     */
-    vPre?: {
-        /**
-         * Add `v-pre` directive to `<pre>` tag of code block or not
-         */
-        block?: boolean;
-        /**
-         * Add `v-pre` directive to `<code>` tag of inline code or not
-         */
-        inline?: boolean;
-    };
-}
-/**
- * Code plugin
- */
-declare const codePlugin: PluginWithOptions<CodePluginOptions>;
-
 type EmojiPluginOptions = Options;
 
 interface ImportCodePluginOptions {
@@ -84,12 +44,6 @@ interface ImportCodePluginOptions {
 declare const importCodePlugin: PluginWithOptions<ImportCodePluginOptions>;
 
 interface LinksPluginOptions {
-    /**
-     * Tag for internal links
-     *
-     * @default 'RouterLink'
-     */
-    internalTag?: 'a' | 'RouterLink';
     /**
      * Additional attributes for external links
      *
@@ -102,31 +56,62 @@ interface LinksPluginOptions {
      * ```
      */
     externalAttrs?: Record<string, string>;
+    /**
+     * Tag for internal links
+     *
+     * @default 'RouteLink'
+     */
+    internalTag?: 'a' | 'RouteLink' | 'RouterLink';
+    /**
+     * Method to check if a link is external
+     *
+     * @default import { isLinkExternal } from '@vuepress/shared'
+     */
+    isExternal?: (href: string, env: MarkdownEnv) => boolean;
 }
 /**
  * Process links in markdown file
  *
- * - internal links: convert them into `<RouterLink>`
- * - external links: add extra attrs and external icon
+ * - internal links: convert `<a>` tag into internalTag
+ * - external links: add extra attrs
  */
 declare const linksPlugin: PluginWithOptions<LinksPluginOptions>;
 
+interface VPrePluginOptions {
+    /**
+     * Add `v-pre` directive to `<pre>` tag of code block or not
+     */
+    block?: boolean;
+    /**
+     * Add `v-pre` directive to `<code>` tag of inline code or not
+     */
+    inline?: boolean;
+}
+/**
+ * v-pre plugin
+ */
+declare const vPrePlugin: PluginWithOptions<VPrePluginOptions>;
+
 type Markdown = MarkdownIt;
 
-interface MarkdownOptions extends MarkdownIt.Options {
-    anchor?: false | AnchorPluginOptions;
-    assets?: false | AssetsPluginOptions;
-    code?: false | CodePluginOptions;
+interface MarkdownOptions extends Options$1 {
+    anchor?: AnchorPluginOptions | false;
+    assets?: AssetsPluginOptions | false;
     component?: false;
-    emoji?: false | EmojiPluginOptions;
-    frontmatter?: false | FrontmatterPluginOptions;
-    headers?: false | HeadersPluginOptions;
+    emoji?: EmojiPluginOptions | false;
+    frontmatter?: FrontmatterPluginOptions | false;
+    headers?: HeadersPluginOptions | false;
     title?: false;
-    importCode?: false | ImportCodePluginOptions;
-    links?: false | LinksPluginOptions;
-    sfc?: false | SfcPluginOptions;
+    importCode?: ImportCodePluginOptions | false;
+    links?: LinksPluginOptions | false;
+    sfc?: SfcPluginOptions | false;
     slugify?: MarkdownSlugifyFunction;
-    toc?: false | TocPluginOptions;
+    toc?: TocPluginOptions | false;
+    vPre?: VPrePluginOptions | false;
+    /**
+     * @deprecated This feature has been removed. Please use `@vuepress/plugin-prismjs` or `@vuepress/plugin-shiki` instead.
+     */
+    code?: never;
 }
 /**
  * Headers in markdown file
@@ -140,7 +125,7 @@ type MarkdownHeader = PageHeader;
 interface MarkdownLink {
     raw: string;
     relative: string;
-    absolute: string;
+    absolute: string | null;
 }
 /**
  * The `env` object to be passed to markdown-it render function
@@ -183,6 +168,6 @@ type MarkdownSlugifyFunction = (str: string) => string;
 /**
  * Create vuepress customized markdown-it instance
  */
-declare const createMarkdown: ({ anchor, assets, code, component, emoji, frontmatter, headers, title, importCode, links, sfc, slugify, toc, ...markdownItOptions }?: MarkdownOptions) => Markdown;
+declare const createMarkdown: ({ anchor, assets, code, vPre, component, emoji, frontmatter, headers, title, importCode, links, sfc, slugify, toc, ...markdownItOptions }?: MarkdownOptions) => Markdown;
 
-export { type AnchorPluginOptions, type AssetsPluginOptions, type CodePluginOptions, type EmojiPluginOptions, type ImportCodePluginOptions, type LinksPluginOptions, type Markdown, type MarkdownEnv, type MarkdownHeader, type MarkdownLink, type MarkdownOptions, type MarkdownSlugifyFunction, assetsPlugin, codePlugin, createMarkdown, importCodePlugin, linksPlugin };
+export { type AnchorPluginOptions, type AssetsPluginOptions, type EmojiPluginOptions, type ImportCodePluginOptions, type LinksPluginOptions, type Markdown, type MarkdownEnv, type MarkdownHeader, type MarkdownLink, type MarkdownOptions, type MarkdownSlugifyFunction, type VPrePluginOptions, assetsPlugin, createMarkdown, importCodePlugin, linksPlugin, vPrePlugin };

package/dist/index.js

@@ -1,11 +1,6 @@
-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 { logger as logger2 } from "@vuepress/utils";
 import MarkdownIt from "markdown-it";
 
 // src/plugins.ts
@@ -23,7 +18,7 @@ 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";
+import anchorPlugin from "markdown-it-anchor";
 
 // src/plugins/assetsPlugin/resolveLink.ts
 import { path } from "@vuepress/utils";
@@ -34,8 +29,7 @@ var resolveLink = (link, {
   relativePathPrefix,
   strict = false
 }) => {
-  if (link.startsWith("data:"))
-    return link;
+  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
@@ -75,7 +69,7 @@ var assetsPlugin = (md, {
   };
   const createHtmlRule = (rawHtmlRule) => (tokens, idx, options, env, self) => {
     tokens[idx].content = tokens[idx].content.replace(
-      /(<img\b.*?src=)(['"])([^\2]*?)\2/gs,
+      /(<img\b.*?src=)(['"])(.*?)\2/gs,
       (_, prefix, quote, src) => `${prefix}${quote}${resolveLink(src.trim(), {
         env,
         absolutePathPrependBase,
@@ -83,11 +77,11 @@ var assetsPlugin = (md, {
         strict: true
       })}${quote}`
     ).replace(
-      /(<img\b.*?srcset=)(['"])([^\2]*?)\2/gs,
+      /(<img\b.*?srcset=)(['"])(.*?)\2/gs,
       (_, prefix, quote, srcset) => `${prefix}${quote}${srcset.split(",").map(
         (item) => item.trim().replace(
           /^([^ ]*?)([ \n].*)?$/,
-          (_2, url, descriptor = "") => `${resolveLink(url.trim(), {
+          (__, url, descriptor = "") => `${resolveLink(url.trim(), {
             env,
             absolutePathPrependBase,
             relativePathPrefix,
@@ -104,208 +98,6 @@ var assetsPlugin = (md, {
   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;
-};
-
-// 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;
-};
-
-// 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)}`;
-    };
-  }
-};
-
 // src/plugins/emojiPlugin.ts
 import { full as emojiPlugin } from "markdown-it-emoji";
 
@@ -313,30 +105,31 @@ import { full as emojiPlugin } from "markdown-it-emoji";
 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 SYNTAX_RE = /^@\[code(?:{(?:(?:(?<lineStart>\d+)?-(?<lineEnd>\d+)?)|(?<lineSingle>\d+))})?(?: (?<info>[^\]]+))?\]\((?<importPath>[^)]*)\)/;
+var parseLineNumber = (line) => line ? Number.parseInt(line, 10) : void 0;
 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;
+  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;
+  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: lineStart ? Number.parseInt(lineStart, 10) : 0,
-    lineEnd: lineEnd ? Number.parseInt(lineEnd, 10) : void 0
+    lineStart,
+    lineEnd
   };
   const token = state.push("import_code", "code", 0);
   token.info = info ?? path2.extname(meta.importPath).slice(1);
@@ -387,20 +180,23 @@ var importCodePlugin = (md, options = {}) => {
       alt: ["paragraph", "reference", "blockquote", "list"]
     }
   );
-  md.renderer.rules.import_code = (tokens, idx, options2, env, slf) => {
+  md.renderer.rules.import_code = (tokens, idx, opts, env, slf) => {
     const token = tokens[idx];
-    const { importFilePath, importCode } = resolveImportCode(token.meta, env);
+    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);
+    return md.renderer.rules.fence(tokens, idx, opts, env, slf);
   };
 };
 
 // src/plugins/linksPlugin/linksPlugin.ts
-import { isLinkExternal } from "@vuepress/shared";
+import { inferRoutePath, isLinkExternal } from "@vuepress/shared";
 
 // src/plugins/linksPlugin/resolvePaths.ts
 import { removeLeadingSlash } from "@vuepress/shared";
@@ -416,18 +212,16 @@ var resolvePaths = (rawPath, base, filePathRelative) => {
       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 {
-    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;
-    }
+    relativePath = rawPath.replace(/^(?:\.\/)?(.*)$/, "$1");
+    absolutePath = null;
   }
   return {
     absolutePath,
@@ -437,7 +231,8 @@ var resolvePaths = (rawPath, base, filePathRelative) => {
 
 // src/plugins/linksPlugin/linksPlugin.ts
 var linksPlugin = (md, options = {}) => {
-  const internalTag = options.internalTag || "RouterLink";
+  const internalTag = options.internalTag || "RouteLink";
+  const isExternal = options.isExternal ?? ((href, env) => isLinkExternal(href, env.base));
   const externalAttrs = {
     target: "_blank",
     rel: "noopener noreferrer",
@@ -453,56 +248,97 @@ var linksPlugin = (md, options = {}) => {
     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)
-      );
+    if (isExternal(hrefLink, env)) {
+      Object.entries(externalAttrs).forEach(([key, val]) => {
+        token.attrSet(key, val);
+      });
       return;
     }
     const internalLinkMatch = hrefLink.match(
-      /^((?:.*)(?:\/|\.md|\.html))(#.*)?$/
+      /^([^#?]*?(?:\/|\.md|\.html))([#?].*)?$/
     );
     if (!internalLinkMatch) {
       return;
     }
     const rawPath = internalLinkMatch[1];
-    const rawHash = internalLinkMatch[2] || "";
+    const rawHashAndQueries = 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 (internalTag === "RouterLink") {
+    if (["RouterLink", "RouteLink"].includes(internalTag)) {
       token.tag = internalTag;
       hrefAttr[0] = "to";
+      const normalizedPath = inferRoutePath(
+        absolutePath ? absolutePath.replace(new RegExp(`^${base}`), "/") : relativePath
+      );
+      hrefAttr[1] = `${normalizedPath}${rawHashAndQueries}`;
       hasOpenInternalLink = true;
+    } else {
+      const normalizedPath = inferRoutePath(absolutePath ?? relativePath);
+      hrefAttr[1] = `${normalizedPath}${rawHashAndQueries}`;
     }
-    hrefAttr[1] = `${normalizedPath}${rawHash}`;
+    ;
     (env.links ??= []).push({
       raw: hrefLink,
       relative: relativePath,
       absolute: absolutePath
     });
   };
-  md.renderer.rules.link_open = (tokens, idx, options2, env, self) => {
+  md.renderer.rules.link_open = (tokens, idx, opts, env, self) => {
     handleLinkOpen(tokens, idx, env);
-    return self.renderToken(tokens, idx, options2);
+    return self.renderToken(tokens, idx, opts);
   };
-  md.renderer.rules.link_close = (tokens, idx, options2, env, self) => {
+  md.renderer.rules.link_close = (tokens, idx, opts, _env, self) => {
     if (hasOpenInternalLink) {
       hasOpenInternalLink = false;
       tokens[idx].tag = internalTag;
     }
-    return self.renderToken(tokens, idx, options2);
+    return self.renderToken(tokens, idx, opts);
   };
 };
 
+// src/plugins/vPrePlugin/resolveVPre.ts
+var resolveVPre = (info) => {
+  if (/:v-pre\b/.test(info)) {
+    return true;
+  }
+  if (/:no-v-pre\b/.test(info)) {
+    return false;
+  }
+  return null;
+};
+
+// src/plugins/vPrePlugin/vPrePlugin.ts
+var 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("<pre".length)}`;
+    }
+    return result;
+  };
+  if (inline) {
+    const rawInlineCodeRule = md.renderer.rules.code_inline;
+    md.renderer.rules.code_inline = (...args) => {
+      const result = rawInlineCodeRule(...args);
+      return `<code v-pre${result.slice("<code".length)}`;
+    };
+  }
+};
+
 // src/markdown.ts
 var createMarkdown = ({
   anchor,
   assets,
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
   code,
+  vPre,
   component,
   emoji,
   frontmatter,
@@ -535,8 +371,11 @@ var createMarkdown = ({
   if (assets !== false) {
     md.use(assetsPlugin, assets);
   }
-  if (code !== false) {
-    md.use(codePlugin, code);
+  if (code) {
+    logger2.warn(
+      `\`markdown.code\` option has been removed, please use '@vuepress/plugin-shiki' or '@vuepress/plugin-prismjs' instead.
+ See https://vuepress.vuejs.org/reference/config.html#markdown-code`
+    );
   }
   if (component !== false) {
     md.use(componentPlugin);
@@ -580,12 +419,14 @@ var createMarkdown = ({
   if (title !== false) {
     md.use(titlePlugin);
   }
+  if (vPre !== false) {
+    md.use(vPrePlugin, vPre);
+  }
   return md;
 };
 export {
   anchorPlugin,
   assetsPlugin,
-  codePlugin,
   componentPlugin,
   createMarkdown,
   emojiPlugin,
@@ -595,5 +436,6 @@ export {
   linksPlugin,
   sfcPlugin,
   titlePlugin,
-  tocPlugin
+  tocPlugin,
+  vPrePlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuepress/markdown",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.20",
   "description": "Markdown package of VuePress",
   "keywords": [
     "vuepress",
@@ -27,25 +27,25 @@
     "dist"
   ],
   "dependencies": {
-    "@mdit-vue/plugin-component": "^2.0.0",
-    "@mdit-vue/plugin-frontmatter": "^2.0.0",
-    "@mdit-vue/plugin-headers": "^2.0.0",
-    "@mdit-vue/plugin-sfc": "^2.0.0",
-    "@mdit-vue/plugin-title": "^2.0.0",
-    "@mdit-vue/plugin-toc": "^2.0.0",
-    "@mdit-vue/shared": "^2.0.0",
-    "@mdit-vue/types": "^2.0.0",
-    "@types/markdown-it": "^13.0.7",
-    "@types/markdown-it-emoji": "^2.0.4",
-    "markdown-it": "^14.0.0",
-    "markdown-it-anchor": "^8.6.7",
+    "@mdit-vue/plugin-component": "^2.1.3",
+    "@mdit-vue/plugin-frontmatter": "^2.1.3",
+    "@mdit-vue/plugin-headers": "^2.1.3",
+    "@mdit-vue/plugin-sfc": "^2.1.3",
+    "@mdit-vue/plugin-title": "^2.1.3",
+    "@mdit-vue/plugin-toc": "^2.1.3",
+    "@mdit-vue/shared": "^2.1.3",
+    "@mdit-vue/types": "^2.1.0",
+    "@types/markdown-it": "^14.1.2",
+    "@types/markdown-it-emoji": "^3.0.1",
+    "markdown-it": "^14.1.0",
+    "markdown-it-anchor": "^9.2.0",
     "markdown-it-emoji": "^3.0.0",
     "mdurl": "^2.0.0",
-    "@vuepress/shared": "2.0.0-rc.2",
-    "@vuepress/utils": "2.0.0-rc.2"
+    "@vuepress/shared": "2.0.0-rc.20",
+    "@vuepress/utils": "2.0.0-rc.20"
   },
   "devDependencies": {
-    "@types/mdurl": "^1.0.5"
+    "@types/mdurl": "^2.0.0"
   },
   "publishConfig": {
     "access": "public"