blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-21 13:59:15 +08:00
Code Issues Projects Releases Wiki Activity

fix(vant-markdown-loader): 修复 demo 组件和其他组件重名导致的渲染异常 (#8348)

Browse Source
This commit is contained in:
郑昊川 2021-03-15 17:49:35 +08:00 committed by GitHub
parent 919a9976b1
commit b2062d48aa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant-markdown-loader/src/extract-demo.js
View File

@ -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' });

4
packages/vant-markdown-loader/src/index.js
View File

@ -27,13 +27,13 @@ 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() {