fix(language-core): replace markdown links after sfc blocks processing (#5695)

KazariEX · web-flow · commit 9835ea78a741 · 2025-10-02T12:40:54.000-07:00
Partial revert #5497
diff --git a/packages/language-core/lib/plugins/file-md.ts b/packages/language-core/lib/plugins/file-md.ts
@@ -10,10 +10,10 @@ const codeblockReg = /(`{3,})[\s\S]+?\1/g;
 const inlineCodeblockReg = /`[^\n`]+?`/g;
 const latexBlockReg = /(\${2,})[\s\S]+?\1/g;
 const scriptSetupReg = /\\<[\s\S]+?>\n?/g;
+const codeSnippetImportReg = /^\s*<<<\s*.+/gm;
+const sfcBlockReg = /<(script|style)\b[\s\S]*?>([\s\S]*?)<\/\1>/g;
 const angleBracketReg = /<\S*:\S*>/g;
 const linkReg = /\[[\s\S]*?\]\([\s\S]*?\)/g;
-const sfcBlockReg = /<(script|style)\b[\s\S]*?>([\s\S]*?)<\/\1>/g;
-const codeSnippetImportReg = /^\s*<<<\s*.+/gm;
 
 const plugin: VueLanguagePlugin = ({ vueCompilerOptions }) => {
 	return {
@@ -46,11 +46,7 @@ const plugin: VueLanguagePlugin = ({ vueCompilerOptions }) => {
 				// # \<script setup>
 				.replace(scriptSetupReg, match => ' '.repeat(match.length))
 				// <<< https://vitepress.dev/guide/markdown#import-code-snippets
-				.replace(codeSnippetImportReg, match => ' '.repeat(match.length))
-				// angle bracket: <http://foo.com>
-				.replace(angleBracketReg, match => ' '.repeat(match.length))
-				// [foo](http://foo.com)
-				.replace(linkReg, match => ' '.repeat(match.length));
+				.replace(codeSnippetImportReg, match => ' '.repeat(match.length));
 
 			const codes: Segment[] = [];
 
@@ -62,6 +58,12 @@ const plugin: VueLanguagePlugin = ({ vueCompilerOptions }) => {
 					+ content.slice(match.index + matchText.length);
 			}
 
+			content = content
+				// angle bracket: <http://foo.com>
+				.replace(angleBracketReg, match => ' '.repeat(match.length))
+				// [foo](http://foo.com)
+				.replace(linkReg, match => ' '.repeat(match.length));
+
 			codes.push('<template>\n');
 			codes.push([content, undefined, 0]);
 			codes.push('\n</template>');
