refactor: externalize component plugin (#3)

unplugin · Jun 30, 2022 · 0f18612 · 0f18612
1 parent ed39eb9
commit 0f18612
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 201 deletions.
diff --git a/package.json b/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",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/markdown.ts b/src/markdown.ts
@@ -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

diff --git a/src/plugins/component.ts b/src/plugins/component.ts
diff --git a/test/__snapshots__/transform.test.ts.snap b/test/__snapshots__/transform.test.ts.snap
@@ -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\\"}