From 52fe6a8f46f093064edbfc516a1ed2ba1efa585d Mon Sep 17 00:00:00 2001
From: HaoChuan9421 <hc199421@gmail.com>
Date: Mon, 15 Mar 2021 17:56:40 +0800
Subject: [PATCH] =?UTF-8?q?fix(vant-markdown-loader):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=20demo=20=E7=BB=84=E4=BB=B6=E5=92=8C=E5=85=B6=E4=BB=96?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E9=87=8D=E5=90=8D=E5=AF=BC=E8=87=B4=E7=9A=84?=
 =?UTF-8?q?=E6=B8=B2=E6=9F=93=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/vant-markdown-loader/src/extract-demo.js | 2 +-
 packages/vant-markdown-loader/src/index.js        | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/vant-markdown-loader/src/extract-demo.js b/packages/vant-markdown-loader/src/extract-demo.js
index b142fce78..39b2cdcc5 100644
--- a/packages/vant-markdown-loader/src/extract-demo.js
+++ b/packages/vant-markdown-loader/src/extract-demo.js
@@ -14,7 +14,7 @@ module.exports = function extraDemo(content) {
     /<demo-code([\s\S]*?)>([\s\S]*?)<\/demo-code>/g,
     function (_, attrs, link) {
       link = link.trim(); // 去换行符
-      const tag = hyphenate(path.basename(link, '.vue'));
+      const tag = 'demo-code-' + hyphenate(path.basename(link, '.vue'));
       const fullLink = path.join(markdownDir, link);
       demoLinks.indexOf(fullLink) === -1 && demoLinks.push(fullLink);
       const demoContent = fs.readFileSync(fullLink, { encoding: 'utf8' });
diff --git a/packages/vant-markdown-loader/src/index.js b/packages/vant-markdown-loader/src/index.js
index 5db6452e7..c9eac42a5 100644
--- a/packages/vant-markdown-loader/src/index.js
+++ b/packages/vant-markdown-loader/src/index.js
@@ -26,12 +26,12 @@ function wrapper(content) {
 <script>
 ${demoLinks
   .map((link) => {
-    return `import ${camelize(path.basename(link, '.vue'))} from '${link}';`;
+    return `import DemoCode${camelize(path.basename(link, '.vue'))} from '${link}';`;
   })
   .join('\n')}
 export default {
   components: {
-    ${demoLinks.map((link) => camelize(path.basename(link, '.vue'))).join(',')}
+    ${demoLinks.map((link) => `DemoCode${camelize(path.basename(link, '.vue'))}`).join(',')}
   },
   mounted() {
     const anchors = [].slice.call(this.$el.querySelectorAll('h2, h3, h4, h5'));