refactor: externalize component plugin (#3)

Author: meteorlxy

package.json

@@ -45,6 +45,7 @@
   },
   "dependencies": {
     "@antfu/utils": "^0.5.2",
+    "@mdit-vue/plugin-component": "^0.1.1",
     "@rollup/pluginutils": "^4.2.1",
     "@types/markdown-it": "^12.2.3",
     "gray-matter": "^4.0.3",

pnpm-lock.yaml

@@ -1,8 +1,8 @@
 import MarkdownIt from 'markdown-it'
 import matter from 'gray-matter'
 import { toArray, uniq } from '@antfu/utils'
+import { componentPlugin } from '@mdit-vue/plugin-component'
 import type { ResolvedOptions } from './types'
-import { componentPlugin } from './plugins/component'
 
 const scriptSetupRE = /<\s*script([^>]*)\bsetup\b([^>]*)>([\s\S]*)<\/script>/mg
 const defineExposeRE = /defineExpose\s*\(/mg

src/markdown.ts

@@ -2,7 +2,7 @@
 
 exports[`transform > Vue directives 1`] = `
 "<template><div class=\\"markdown-body\\">
-<button @click=\\"onClick\\"></button>
+<p><button @click=\\"onClick\\"></button></p>
 </div></template>
 <script setup lang=\\"ts\\">
 const frontmatter = {\\"name\\":\\"My Cool App\\"}