refactor(markdown): remove codePlugin and add vPrePlugin (close #1550) (#1556)

BREAKING CHANGE: `markdown.code` option is remove. Please use `@vuepress/plugin-shiki` and `@vuepress/plugin-prismjs` instead.

--------------

Co-authored-by: 张怀文 <mister-hope@outlook.com>
Co-authored-by: meteorlxy <meteor.lxy@foxmail.com>

Author: 3 people

packages/markdown/src/markdown.ts

@@ -1,9 +1,9 @@
 import { slugify as defaultSlugify } from '@mdit-vue/shared'
+import { logger } from '@vuepress/utils'
 import MarkdownIt from 'markdown-it'
 import {
   anchorPlugin,
   assetsPlugin,
-  codePlugin,
   componentPlugin,
   emojiPlugin,
   frontmatterPlugin,
@@ -13,18 +13,19 @@ import {
   sfcPlugin,
   titlePlugin,
   tocPlugin,
+  vPrePlugin,
 } from './plugins.js'
 import type {
   AnchorPluginOptions,
   AssetsPluginOptions,
-  CodePluginOptions,
   EmojiPluginOptions,
   FrontmatterPluginOptions,
   HeadersPluginOptions,
   ImportCodePluginOptions,
   LinksPluginOptions,
   SfcPluginOptions,
   TocPluginOptions,
+  VPrePluginOptions,
 } from './plugins.js'
 import type { Markdown, MarkdownOptions } from './types.js'
 
@@ -35,6 +36,7 @@ export const createMarkdown = ({
   anchor,
   assets,
   code,
+  vPre,
   component,
   emoji,
   frontmatter,
@@ -82,8 +84,10 @@ export const createMarkdown = ({
   }
 
   // process code fence
-  if (code !== false) {
-    md.use<CodePluginOptions>(codePlugin, code)
+  if (code) {
+    logger.warn(
+      `\`markdown.code\` option has been removed, please use '@vuepress/plugin-shiki' or '@vuepress/plugin-prismjs' instead.\n See https://v2.vuepress.vuejs.org/reference/config.html#markdown-code`,
+    )
   }
 
   // treat unknown html tags as components
@@ -146,5 +150,10 @@ export const createMarkdown = ({
     md.use(titlePlugin)
   }
 
+  // add v-pre to `<pre>` and `<code>`
+  if (vPre !== false) {
+    md.use<VPrePluginOptions>(vPrePlugin, vPre)
+  }
+
   return md
 }

packages/markdown/src/plugins.ts

@@ -22,10 +22,6 @@ export {
   assetsPlugin,
   type AssetsPluginOptions,
 } from './plugins/assetsPlugin/assetsPlugin.js'
-export {
-  codePlugin,
-  type CodePluginOptions,
-} from './plugins/codePlugin/codePlugin.js'
 export { emojiPlugin, type EmojiPluginOptions } from './plugins/emojiPlugin.js'
 export {
   importCodePlugin,
@@ -35,3 +31,7 @@ export {
   linksPlugin,
   type LinksPluginOptions,
 } from './plugins/linksPlugin/linksPlugin.js'
+export {
+  vPrePlugin,
+  type VPrePluginOptions,
+} from './plugins/vPrePlugin/vPrePlugin.js'