fix: encode urls that conflict w/ vite built-in replacements

Author: yyx990803

src/node/markdown/plugins/link.ts

@@ -32,6 +32,13 @@ export const linkPlugin = (
       ) {
         normalizeHref(hrefAttr)
       }
+
+      // encode vite-specific replace strings in case they appear in URLs
+      // this also excludes them from build-time replacements (which injects
+      // <wbr/> and will break URLs)
+      hrefAttr[1] = hrefAttr[1]
+        .replace(/\bimport\.meta/g, 'import%2Emeta')
+        .replace(/\bprocess\.env/g, 'process%2Eenv')
     }
     return self.renderToken(tokens, idx, options)
   }

src/node/markdownToVue.ts

@@ -30,6 +30,15 @@ export function createMarkdownToVueRenderFn(
   const md = createMarkdownRenderer(srcDir, options)
   pages = pages.map((p) => slash(p.replace(/\.md$/, '')))
 
+  const userDefineRegex = userDefines
+    ? new RegExp(
+        `\\b(${Object.keys(userDefines)
+          .map((key) => key.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&'))
+          .join('|')})`,
+        'g'
+      )
+    : null
+
   return (
     src: string,
     file: string,
@@ -66,14 +75,11 @@ export function createMarkdownToVueRenderFn(
         .replace(/\bprocess\.env/g, 'process.<wbr/>env')
 
       // also avoid replacing vite user defines
-      if (userDefines) {
-        const regex = new RegExp(
-          `\\b(${Object.keys(userDefines)
-            .map((key) => key.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&'))
-            .join('|')})`,
-          'g'
+      if (userDefineRegex) {
+        html = html.replace(
+          userDefineRegex,
+          (_) => `${_[0]}<wbr/>${_.slice(1)}`
         )
-        html = html.replace(regex, (_) => `${_[0]}<wbr/>${_.slice(1)}`)
       }
     }