From fb766569ec3d2622ef32fbeef2438117234a253d Mon Sep 17 00:00:00 2001
From: meteorlxy <meteor.lxy@foxmail.com>
Date: Thu, 26 May 2022 01:38:10 +0800
Subject: [PATCH] fix(core): wrap page content to avoid issues of fragment
 (close #688)

---
 .../@vuepress/core/src/app/prepare/preparePageComponent.ts     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/@vuepress/core/src/app/prepare/preparePageComponent.ts b/packages/@vuepress/core/src/app/prepare/preparePageComponent.ts
index a96cfbfee5..466c5392d0 100644
--- 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')