root
/
vue3-core
mirror of https://github.com/vuejs/core.git
1
0
Fork 0
Code Issues Actions 4 Packages Projects Releases Wiki Activity

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

fixes hydration error for custom elements
This commit is contained in:
Evan You 2024-01-02 10:55:10 +08:00
parent be7eabda22
commit d94d8d4bff
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/compiler-sfc/src/compileTemplate.ts
View File

@ -219,6 +219,7 @@ function doCompileTemplate({
// We need to parse a fresh one. Can't just use `source` here since we need // 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. // the AST location info to be relative to the entire SFC.
const newAST = (ssr ? CompilerDOM : compiler).parse(inAST.source, { const newAST = (ssr ? CompilerDOM : compiler).parse(inAST.source, {
...compilerOptions,
parseMode: 'sfc', parseMode: 'sfc',
onError: e => errors.push(e), onError: e => errors.push(e),
}) })

4
packages/sfc-playground/src/App.vue
View File

@ -70,8 +70,8 @@ const sfcOptions: SFCOptions = {
template: { template: {
isProd: useProdMode.value, isProd: useProdMode.value,
compilerOptions: { compilerOptions: {
isCustomElement: (tag: string) => tag === 'mjx-container' isCustomElement: (tag: string) => tag === 'mjx-container',
} },
}, },
} }