fix(core): wrap page content to avoid issues of fragment (close #688)

vuepress · May 25, 2022 · fb76656 · fb76656
1 parent 4f5a9af
commit fb76656
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/@vuepress/core/src/app/prepare/preparePageComponent.ts b/packages/@vuepress/core/src/app/prepare/preparePageComponent.ts
@@ -11,7 +11,8 @@ export const preparePageComponent = async (
     page.componentFilePathRelative,
     [
       // take the rendered markdown content as <template>
-      `<template>${page.contentRendered}</template>\n`,
+      // #688: wrap the content with a <div> to avoid some potential issues of fragment component
+      `<template><div>${page.contentRendered}</div></template>\n`,
       // hoist `<script>`, `<style>` and other custom blocks
       ...page.hoistedTags,
     ].join('\n')