feat: support vitepress's code snippet import (#3559)

vuejs · Sep 15, 2023 · 323938b · 323938b
1 parent 2c74284
commit 323938b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/vue-language-core/src/plugins/file-md.ts b/packages/vue-language-core/src/plugins/file-md.ts
@@ -9,6 +9,7 @@ const scriptSetupReg = /\\\<[\s\S]+?\>\n?/g;
 const sfcBlockReg = /\<(script|style)\b[\s\S]*?\>([\s\S]*?)\<\/\1\>/g;
 const angleBracketReg = /\<\S*\:\S*\>/g;
 const linkReg = /\[[\s\S]*?\]\([\s\S]*?\)/g;
+const codeSnippetImportReg = /^\s*<<<\s*.+/gm;
 
 const plugin: VueLanguagePlugin = () => {
 
@@ -26,7 +27,9 @@ const plugin: VueLanguagePlugin = () => {
 					// inline code block
 					.replace(inlineCodeblockReg, match => `\`${' '.repeat(match.length - 2)}\``)
 					// # \<script setup>
-					.replace(scriptSetupReg, match => ' '.repeat(match.length));
+					.replace(scriptSetupReg, match => ' '.repeat(match.length))
+					// <<< https://vitepress.dev/guide/markdown#import-code-snippets
+					.replace(codeSnippetImportReg, match => ' '.repeat(match.length));
 
 				const codes: Segment[] = [];
 

diff --git a/packages/vue-test-workspace/syntax/snippet-import.md b/packages/vue-test-workspace/syntax/snippet-import.md
@@ -0,0 +1 @@
+<<<