fix(markdown): allow plugin with array type option (#2114)

package.json

@@ -97,6 +97,7 @@
     "lint-staged": "^13.2.3",
     "nuxt": "3.6.3",
     "rehype-figure": "^1.0.1",
+    "rehype-wrap-all": "^1.1.0",
     "release-it": "^16.1.2",
     "remark-oembed": "^1.2.2",
     "vitest": "^0.33.0",

src/runtime/markdown-parser/content.ts

@@ -12,8 +12,11 @@ import { nodeTextContent } from './utils/node'
 const usePlugins = (plugins: Record<string, false | MarkdownPlugin>, stream: Processor) => {
   for (const plugin of Object.values(plugins)) {
     if (plugin) {
-      const { instance, ...options } = plugin
-      stream.use(instance, options)
+      const { instance, options, ...deprecatedOptions } = plugin
+      if (Object.keys(deprecatedOptions).length) {
+        console.warn('[Markdown] Deprecated syntax. Please use `options` key in order to pass option to remark/rehype plugins.')
+      }
+      stream.use(instance, options || deprecatedOptions)
     }
   }
 }

src/runtime/transformers/markdown.ts

@@ -28,7 +28,7 @@ async function importPlugins (plugins: Record<string, false | MarkdownPlugin> =
     if (plugin) {
       resolvedPlugins[name] = {
         instance: plugin.instance || await import(/* @vite-ignore */ name).then(m => m.default || m),
-        ...plugin
+        options: plugin
       }
     } else {
       resolvedPlugins[name] = false

test/fixtures/basic/nuxt.config.ts

@@ -57,7 +57,8 @@ export default defineNuxtConfig({
       },
       // Array syntax can be used to add plugins
       rehypePlugins: [
-        'rehype-figure'
+        'rehype-figure',
+        ['rehype-wrap-all', [{ selector: 'ol', wrapper: 'p' }, { selector: 'ul', wrapper: 'p' }]]
       ]
     }
   }