fix: use vue esm bundler while running SSR

vuejs · Feb 21, 2024 · 4b2fd64 · 4b2fd64
1 parent 7b5c7a1
commit 4b2fd64
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/import-map.ts b/src/import-map.ts
@@ -30,10 +30,16 @@ export function useVueImportMap(
  `https://cdn.jsdelivr.net/npm/@vue/server-renderer@${
  vueVersion.value || currentVersion
  }/dist/server-renderer.esm-browser.js`
+
+ const vueEsm = `https://cdn.jsdelivr.net/npm/@vue/runtime-dom@${
+ vueVersion.value || currentVersion
+ }/dist/runtime-dom.esm-bundler.js/+esm`
+
  return {
  imports: {
  vue,
  'vue/server-renderer': serverRenderer,
+ 'vue-esm': vueEsm,
  },
  }
  })

diff --git a/src/transform.ts b/src/transform.ts
@@ -265,6 +265,12 @@ async function doCompileScript(
  2,
  )} */`
  }
+ if (ssr) {
+ compiledScript.content = compiledScript.content.replaceAll(
+ /'vue'/g,
+ "'vue-esm'",
+ )
+ }
  code +=
  `\n` +
  store.compiler.rewriteDefault(