fix(compiler-sfc): use compilerOptions when re-parsing consumed AST

fixes hydration error for custom elements

diff --git a/packages/compiler-sfc/src/compileTemplate.ts b/packages/compiler-sfc/src/compileTemplate.ts
index 019aa5b0d65bd60c064e3a55e4429be99ed69637..5b7fe268366a59d474c2feef6b13178a72ce15b4 100644 (file)
--- a/packages/compiler-sfc/src/compileTemplate.ts
+++ b/packages/compiler-sfc/src/compileTemplate.ts
@@ -219,6 +219,7 @@ function doCompileTemplate({
     // We need to parse a fresh one. Can't just use `source` here since we need
     // the AST location info to be relative to the entire SFC.
     const newAST = (ssr ? CompilerDOM : compiler).parse(inAST.source, {
+      ...compilerOptions,
       parseMode: 'sfc',
       onError: e => errors.push(e),
     })

diff --git a/packages/sfc-playground/src/App.vue b/packages/sfc-playground/src/App.vue
index de6c24dded04cb24d9ad24cdfcf63670aaa4f591..e8aeeeaef5637262ac4bfb94efaf1ad4b9f58463 100644 (file)
--- a/packages/sfc-playground/src/App.vue
+++ b/packages/sfc-playground/src/App.vue
@@ -70,8 +70,8 @@ const sfcOptions: SFCOptions = {
   template: {
     isProd: useProdMode.value,
     compilerOptions: {
-      isCustomElement: (tag: string) => tag === 'mjx-container'
-    }
+      isCustomElement: (tag: string) => tag === 'mjx-container',
+    },
   },
 }