perf: replace object literals with json when generating client codes

Author: meteorlxy

packages/@vuepress/core/src/app/prepare/preparePageData.ts

@@ -20,7 +20,10 @@ if (import.meta.hot) {
  */
 export const preparePageData = async (app: App, page: Page): Promise<void> => {
   // page data file content
-  let content = `export const data = ${JSON.stringify(page.data, null, 2)}\n`
+  let content = `export const data = JSON.parse(${JSON.stringify(
+    JSON.stringify(page.data)
+  )})
+`
 
   // inject HMR code
   if (app.env.isDev) {

packages/@vuepress/core/src/app/prepare/prepareSiteData.ts

@@ -20,7 +20,9 @@ if (import.meta.hot) {
  */
 export const prepareSiteData = async (app: App): Promise<void> => {
   let content = `\
-export const siteData = ${JSON.stringify(app.siteData, null, 2)}
+export const siteData = JSON.parse(${JSON.stringify(
+    JSON.stringify(app.siteData)
+  )})
 `
 
   // inject HMR code

packages/@vuepress/plugin-theme-data/src/node/prepareThemeData.ts

@@ -22,7 +22,9 @@ export const prepareThemeData = async (
 ): Promise<void> => {
   // theme data file content
   let content = `\
-export const themeData = ${JSON.stringify(themeData, null, 2)}
+export const themeData = JSON.parse(${JSON.stringify(
+    JSON.stringify(themeData)
+  )})
 `
 
   // inject HMR code