@vuepress/core 2.0.0-rc.2 → 2.0.0-rc.20

package/dist/index.js

@@ -1,33 +1,18 @@
 // src/app/prepare/prepareClientConfigs.ts
 var prepareClientConfigs = async (app) => {
   const clientConfigFiles = await app.pluginApi.hooks.clientConfigFile.process(app);
-  const content = `${clientConfigFiles.map((filePath, index) => `import clientConfig${index} from '${filePath}'`).join("\n")}
+  const content = `${clientConfigFiles.map(
+    (filePath, index) => `import * as clientConfig${index} from '${filePath}'`
+  ).join("\n")}
 
 export const clientConfigs = [
 ${clientConfigFiles.map((_, index) => `  clientConfig${index},`).join("\n")}
-]
+].map((m) => m.default).filter(Boolean)
 `;
   await app.writeTemp("internal/clientConfigs.js", content);
 };
 
-// src/app/prepare/preparePageComponent.ts
-var preparePageComponent = async (app, page) => {
-  await app.writeTemp(
-    page.componentFilePathRelative,
-    [
-      // #688: wrap the content of `<template>` with a `<div>` to avoid some potential issues of fragment component
-      `${page.sfcBlocks.template?.tagOpen}<div>${page.sfcBlocks.template?.contentStripped}</div>${page.sfcBlocks.template?.tagClose}
-`,
-      // hoist `<script>`, `<style>` and other custom blocks
-      page.sfcBlocks.script?.content,
-      page.sfcBlocks.scriptSetup?.content,
-      ...page.sfcBlocks.styles.map((item) => item.content),
-      ...page.sfcBlocks.customBlocks.map((item) => item.content)
-    ].join("\n")
-  );
-};
-
-// src/app/prepare/preparePageData.ts
+// src/app/prepare/preparePageChunk.ts
 var HMR_CODE = `
 if (import.meta.webpackHot) {
   import.meta.webpackHot.accept()
@@ -42,128 +27,23 @@ if (import.meta.hot) {
   })
 }
 `;
-var preparePageData = async (app, page) => {
-  let content = `export const data = JSON.parse(${JSON.stringify(
-    JSON.stringify(page.data)
-  )})
+var preparePageChunk = async (app, page) => {
+  let content = `import comp from ${JSON.stringify(page.componentFilePath)}
+const data = JSON.parse(${JSON.stringify(JSON.stringify(page.data))})
+export { comp, data }
 `;
   if (app.env.isDev) {
     content += HMR_CODE;
   }
-  await app.writeTemp(page.dataFilePathRelative, content);
-};
-
-// src/app/prepare/preparePagesComponents.ts
-var preparePagesComponents = async (app) => {
-  const content = `import { defineAsyncComponent } from 'vue'
-
-export const pagesComponents = {${app.pages.map(
-    ({ key, path: path9, componentFilePath, componentFileChunkName }) => `
-  // path: ${path9}
-  ${JSON.stringify(key)}: defineAsyncComponent(() => import(${componentFileChunkName ? `/* webpackChunkName: "${componentFileChunkName}" */` : ""}${JSON.stringify(componentFilePath)})),`
-  ).join("")}
-}
-`;
-  await app.writeTemp("internal/pagesComponents.js", content);
-};
-
-// src/app/prepare/preparePagesData.ts
-var preparePagesData = async (app) => {
-  const content = `export const pagesData = {${app.pages.map(
-    ({ key, path: path9, dataFilePath, dataFileChunkName }) => `
-  // path: ${path9}
-  ${JSON.stringify(key)}: () => import(${dataFileChunkName ? `/* webpackChunkName: "${dataFileChunkName}" */` : ""}${JSON.stringify(dataFilePath)}).then(({ data }) => data),`
-  ).join("")}
-}
-`;
-  await app.writeTemp("internal/pagesData.js", content);
-};
-
-// src/app/prepare/preparePagesRoutes.ts
-import { ensureLeadingSlash } from "@vuepress/shared";
-var resolvePageRouteItem = ({
-  key,
-  path: path9,
-  pathInferred,
-  filePathRelative,
-  routeMeta
-}) => {
-  const redirectsSet = /* @__PURE__ */ new Set();
-  redirectsSet.add(decodeURI(path9));
-  if (pathInferred !== null) {
-    redirectsSet.add(pathInferred);
-    redirectsSet.add(encodeURI(pathInferred));
-  }
-  if (filePathRelative !== null) {
-    const filenamePath = ensureLeadingSlash(filePathRelative);
-    redirectsSet.add(filenamePath);
-    redirectsSet.add(encodeURI(filenamePath));
-  }
-  redirectsSet.delete(path9);
-  return [
-    key,
-    path9,
-    routeMeta,
-    [...redirectsSet].map(
-      (item) => item.replace(/\.md$/, ".html") === path9 ? ":md" : item
-    )
-  ];
-};
-var preparePagesRoutes = async (app) => {
-  const routeItems = app.pages.map(resolvePageRouteItem);
-  const content = `export const pagesRoutes = [${routeItems.map((routeItem) => `
-  ${JSON.stringify(routeItem)},`).join("")}
-]
-`;
-  await app.writeTemp("internal/pagesRoutes.js", content);
-};
-
-// src/app/prepare/prepareSiteData.ts
-var HMR_CODE2 = `
-if (import.meta.webpackHot) {
-  import.meta.webpackHot.accept()
-  if (__VUE_HMR_RUNTIME__.updateSiteData) {
-    __VUE_HMR_RUNTIME__.updateSiteData(siteData)
-  }
-}
-
-if (import.meta.hot) {
-  import.meta.hot.accept(({ siteData }) => {
-    __VUE_HMR_RUNTIME__.updateSiteData(siteData)
-  })
-}
-`;
-var prepareSiteData = async (app) => {
-  let content = `export const siteData = JSON.parse(${JSON.stringify(
-    JSON.stringify(app.siteData)
-  )})
-`;
-  if (app.env.isDev) {
-    content += HMR_CODE2;
-  }
-  await app.writeTemp("internal/siteData.js", content);
-};
-
-// src/app/appInit.ts
-import { debug as debug3 } from "@vuepress/utils";
-
-// src/app/resolveAppMarkdown.ts
-import { createMarkdown } from "@vuepress/markdown";
-var resolveAppMarkdown = async (app) => {
-  await app.pluginApi.hooks.extendsMarkdownOptions.process(
-    app.options.markdown,
-    app
-  );
-  const markdown = createMarkdown(app.options.markdown);
-  await app.pluginApi.hooks.extendsMarkdown.process(markdown, app);
-  return markdown;
+  await app.writeTemp(page.chunkFilePathRelative, content);
 };
 
-// src/app/resolveAppPages.ts
-import { debug as debug2, globby } from "@vuepress/utils";
-
 // src/page/inferPagePath.ts
-import { ensureLeadingSlash as ensureLeadingSlash2, resolveLocalePath } from "@vuepress/shared";
+import {
+  ensureLeadingSlash,
+  inferRoutePath,
+  resolveLocalePath
+} from "@vuepress/shared";
 var inferPagePath = ({
   app,
   filePathRelative
@@ -174,7 +54,7 @@ var inferPagePath = ({
       pathLocale: "/"
     };
   }
-  const pathInferred = ensureLeadingSlash2(filePathRelative).replace(/\.md$/, ".html").replace(/\/(README|index).html$/i, "/");
+  const pathInferred = inferRoutePath(ensureLeadingSlash(filePathRelative));
   const pathLocale = resolveLocalePath(app.siteData.locales, pathInferred);
   return {
     pathInferred,
@@ -182,9 +62,9 @@ var inferPagePath = ({
   };
 };
 
-// src/page/renderPageContent.ts
+// src/page/parsePageContent.ts
 import { omit } from "@vuepress/shared";
-var renderPageContent = ({
+var parsePageContent = ({
   app,
   content,
   filePath,
@@ -229,49 +109,69 @@ var renderPageContent = ({
       "frontmatter"
     ),
     sfcBlocks,
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-template-expression -- the title from frontmatter is not guaranteed to be a string
     title: frontmatter.title ? `${frontmatter.title}` : title
   };
 };
 
+// src/page/resolvePageChunkInfo.ts
+import { path, transformPathToFileName } from "@vuepress/utils";
+var resolvePageChunkInfo = ({
+  app,
+  htmlFilePathRelative
+}) => {
+  const chunkFilePathRelative = path.join("pages", `${htmlFilePathRelative}.js`);
+  const chunkFilePath = app.dir.temp(chunkFilePathRelative);
+  const chunkName = transformPathToFileName(htmlFilePathRelative);
+  return {
+    chunkFilePath,
+    chunkFilePathRelative,
+    chunkName
+  };
+};
+
 // src/page/resolvePageComponentInfo.ts
-import { path } from "@vuepress/utils";
-var resolvePageComponentInfo = async ({
+import { path as path2 } from "@vuepress/utils";
+var resolvePageComponentInfo = ({
   app,
-  htmlFilePathRelative,
-  key
+  htmlFilePathRelative
 }) => {
-  const componentFilePathRelative = path.join(
+  const componentFilePathRelative = path2.join(
     "pages",
     `${htmlFilePathRelative}.vue`
   );
   const componentFilePath = app.dir.temp(componentFilePathRelative);
-  const componentFileChunkName = key;
   return {
     componentFilePath,
-    componentFilePathRelative,
-    componentFileChunkName
+    componentFilePathRelative
   };
 };
 
-// src/page/resolvePageDataInfo.ts
-import { path as path2 } from "@vuepress/utils";
-var resolvePageDataInfo = ({
-  app,
-  htmlFilePathRelative,
-  key
+// src/page/resolvePageContent.ts
+import { isString } from "@vuepress/shared";
+import { debug, fs } from "@vuepress/utils";
+var log = debug("vuepress:core/page");
+var FALLBACK_CONTENT = "";
+var resolvePageContent = async ({
+  filePath,
+  options
 }) => {
-  const dataFilePathRelative = path2.join("pages", `${htmlFilePathRelative}.js`);
-  const dataFilePath = app.dir.temp(dataFilePathRelative);
-  const dataFileChunkName = key;
-  return {
-    dataFilePath,
-    dataFilePathRelative,
-    dataFileChunkName
-  };
+  if (isString(options.content)) {
+    return options.content;
+  }
+  if (filePath) {
+    try {
+      const content = await fs.readFile(filePath, "utf-8");
+      return content;
+    } catch (e) {
+      log(e instanceof Error ? e.message : e);
+    }
+  }
+  return FALLBACK_CONTENT;
 };
 
 // src/page/resolvePageDate.ts
-import { formatDateString, isString } from "@vuepress/shared";
+import { formatDateString, isString as isString2 } from "@vuepress/shared";
 import { path as path3 } from "@vuepress/utils";
 var FILENAME_DATE_RE = /^(\d{4})-(\d{1,2})(?:-(\d{1,2}))?-(.*)$/;
 var DIRNAME_DATE_RE = /(\d{4})\/(\d{1,2})(?:\/(\d{1,2}))?(\/|$)/;
@@ -290,7 +190,7 @@ var resolvePageDate = ({
       DEFAULT_DATE
     );
   }
-  if (isString(frontmatter.date)) {
+  if (isString2(frontmatter.date)) {
     return formatDateString(frontmatter.date, DEFAULT_DATE);
   }
   if (filePathRelative === null) {
@@ -301,6 +201,7 @@ var resolvePageDate = ({
     const matches = filename.match(FILENAME_DATE_RE);
     if (matches) {
       return formatDateString(
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- unsafe indexed access
         `${matches[1]}-${matches[2]}-${matches[3] ?? "01"}`,
         DEFAULT_DATE
       );
@@ -311,6 +212,7 @@ var resolvePageDate = ({
     const matches = dirname.match(DIRNAME_DATE_RE);
     if (matches) {
       return formatDateString(
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- unsafe indexed access
         `${matches[1]}-${matches[2]}-${matches[3] ?? "01"}`,
         DEFAULT_DATE
       );
@@ -319,24 +221,6 @@ var resolvePageDate = ({
   return DEFAULT_DATE;
 };
 
-// src/page/resolvePageFileContent.ts
-import { debug, fs } from "@vuepress/utils";
-var log = debug("vuepress:core/page");
-var resolvePageFileContent = async ({
-  filePath,
-  options
-}) => {
-  if (filePath) {
-    try {
-      const content = await fs.readFile(filePath, "utf-8");
-      return content;
-    } catch (e) {
-      log(e instanceof Error ? e.message : e);
-    }
-  }
-  return options.content ?? "";
-};
-
 // src/page/resolvePageFilePath.ts
 import { logger, path as path4 } from "@vuepress/utils";
 var resolvePageFilePath = ({
@@ -366,8 +250,9 @@ var resolvePageHtmlInfo = ({
   app,
   path: pagePath
 }) => {
+  const path9 = decodeURI(pagePath);
   const htmlFilePathRelative = removeLeadingSlash(
-    decodeURI(pagePath.replace(/\/$/, "/index.html"))
+    path9.endsWith("/") ? `${path9}index.html` : path9.endsWith(".html") ? path9 : `${path9}.html`
   );
   const htmlFilePath = app.dir.dest(htmlFilePathRelative);
   return {
@@ -376,45 +261,37 @@ var resolvePageHtmlInfo = ({
   };
 };
 
-// src/page/resolvePageKey.ts
-import { hash } from "@vuepress/utils";
-var resolvePageKey = ({ path: path9 }) => `v-${hash(path9)}`;
-
 // src/page/resolvePageLang.ts
-import { isString as isString2 } from "@vuepress/shared";
+import { isString as isString3 } from "@vuepress/shared";
 var resolvePageLang = ({
   app,
   frontmatter,
   pathLocale
 }) => {
-  if (isString2(frontmatter.lang) && frontmatter.lang) {
+  if (isString3(frontmatter.lang) && frontmatter.lang) {
     return frontmatter.lang;
   }
   return app.siteData.locales[pathLocale]?.lang ?? app.siteData.lang;
 };
 
 // src/page/resolvePagePath.ts
-import { ensureEndingSlash } from "@vuepress/shared";
 import { logger as logger2, sanitizeFileName } from "@vuepress/utils";
 var resolvePagePath = ({
   permalink,
   pathInferred,
   options
 }) => {
-  let pagePath = options.path || permalink || pathInferred;
+  const pagePath = options.path || permalink || pathInferred;
   if (!pagePath) {
     throw logger2.createError(
       `page path is empty, page options: ${JSON.stringify(options, null, 2)}`
     );
   }
-  if (!pagePath.endsWith(".html")) {
-    pagePath = ensureEndingSlash(pagePath);
-  }
   return encodeURI(pagePath.split("/").map(sanitizeFileName).join("/"));
 };
 
 // src/page/resolvePagePermalink.ts
-import { ensureLeadingSlash as ensureLeadingSlash3, isString as isString3 } from "@vuepress/shared";
+import { ensureLeadingSlash as ensureLeadingSlash2, isString as isString4 } from "@vuepress/shared";
 import { path as path5 } from "@vuepress/utils";
 var resolvePagePermalink = ({
   app,
@@ -424,11 +301,17 @@ var resolvePagePermalink = ({
   pathInferred,
   pathLocale
 }) => {
-  if (isString3(frontmatter.permalink)) {
+  if (frontmatter.permalink === null) {
+    return null;
+  }
+  if (isString4(frontmatter.permalink)) {
     return frontmatter.permalink;
   }
-  const permalinkPattern = getPermalinkPattern({ app, frontmatter });
-  if (permalinkPattern === null) {
+  if (frontmatter.permalinkPattern === null) {
+    return null;
+  }
+  const permalinkPattern = frontmatter.permalinkPattern || app.options.permalinkPattern;
+  if (!isString4(permalinkPattern)) {
     return null;
   }
   const [year, month, day] = date.split("-");
@@ -436,19 +319,7 @@ var resolvePagePermalink = ({
     pathLocale,
     permalinkPattern.replace(/:year/, year).replace(/:month/, month).replace(/:day/, day).replace(/:slug/, slug).replace(/:raw/, pathInferred?.replace(/^\//, "") ?? "")
   );
-  return ensureLeadingSlash3(link);
-};
-var getPermalinkPattern = ({
-  app,
-  frontmatter
-}) => {
-  if (frontmatter.permalinkPattern === null) {
-    return null;
-  }
-  if (isString3(frontmatter.permalinkPattern)) {
-    return frontmatter.permalinkPattern;
-  }
-  return app.options.permalinkPattern;
+  return ensureLeadingSlash2(link);
 };
 
 // src/page/resolvePageRouteMeta.ts
@@ -477,7 +348,7 @@ var createPage = async (app, options) => {
     app,
     options
   });
-  const content = await resolvePageFileContent({ filePath, options });
+  const content = await resolvePageContent({ filePath, options });
   const {
     contentRendered,
     deps,
@@ -487,7 +358,7 @@ var createPage = async (app, options) => {
     markdownEnv,
     sfcBlocks,
     title
-  } = renderPageContent({
+  } = parsePageContent({
     app,
     content,
     filePath,
@@ -508,25 +379,18 @@ var createPage = async (app, options) => {
     pathLocale
   });
   const path9 = resolvePagePath({ permalink, pathInferred, options });
-  const key = resolvePageKey({ path: path9 });
   const { htmlFilePath, htmlFilePathRelative } = resolvePageHtmlInfo({
     app,
     path: path9
   });
-  const {
-    componentFilePath,
-    componentFilePathRelative,
-    componentFileChunkName
-  } = await resolvePageComponentInfo({
+  const { componentFilePath, componentFilePathRelative } = resolvePageComponentInfo({
     app,
-    htmlFilePathRelative,
-    key
+    htmlFilePathRelative
   });
-  const { dataFilePath, dataFilePathRelative, dataFileChunkName } = resolvePageDataInfo({ app, htmlFilePathRelative, key });
+  const { chunkFilePath, chunkFilePathRelative, chunkName } = resolvePageChunkInfo({ app, htmlFilePathRelative });
   const page = {
     // page data
     data: {
-      key,
       path: path9,
       title,
       lang,
@@ -534,7 +398,6 @@ var createPage = async (app, options) => {
       headers
     },
     // base fields
-    key,
     path: path9,
     title,
     lang,
@@ -558,10 +421,9 @@ var createPage = async (app, options) => {
     filePathRelative,
     componentFilePath,
     componentFilePathRelative,
-    componentFileChunkName,
-    dataFilePath,
-    dataFilePathRelative,
-    dataFileChunkName,
+    chunkFilePath,
+    chunkFilePathRelative,
+    chunkName,
     htmlFilePath,
     htmlFilePathRelative
   };
@@ -569,7 +431,123 @@ var createPage = async (app, options) => {
   return page;
 };
 
+// src/page/renderPageSfcBlocksToVue.ts
+var renderPageSfcBlocksToVue = (sfcBlocks) => [
+  // #688: wrap the content of `<template>` with a `<div>` to avoid some potential issues of fragment component
+  `${sfcBlocks.template?.tagOpen}<div>${sfcBlocks.template?.contentStripped}</div>${sfcBlocks.template?.tagClose}
+`,
+  // hoist `<script>`, `<style>` and other custom blocks
+  sfcBlocks.script?.content,
+  sfcBlocks.scriptSetup?.content,
+  ...sfcBlocks.styles.map((item) => item.content),
+  ...sfcBlocks.customBlocks.map((item) => item.content)
+].join("\n");
+
+// src/app/prepare/preparePageComponent.ts
+var preparePageComponent = async (app, page) => {
+  await app.writeTemp(
+    page.componentFilePathRelative,
+    renderPageSfcBlocksToVue(page.sfcBlocks)
+  );
+};
+
+// src/app/prepare/prepareRoutes.ts
+import { normalizeRoutePath } from "@vuepress/shared";
+var HMR_CODE2 = `
+if (import.meta.webpackHot) {
+  import.meta.webpackHot.accept()
+  if (__VUE_HMR_RUNTIME__.updateRoutes) {
+    __VUE_HMR_RUNTIME__.updateRoutes(routes)
+  }
+  if (__VUE_HMR_RUNTIME__.updateRedirects) {
+    __VUE_HMR_RUNTIME__.updateRedirects(redirects)
+  }
+}
+
+if (import.meta.hot) {
+  import.meta.hot.accept(({ routes, redirects }) => {
+    __VUE_HMR_RUNTIME__.updateRoutes(routes)
+    __VUE_HMR_RUNTIME__.updateRedirects(redirects)
+  })
+}
+`;
+var resolvePageRedirects = ({ path: path9, pathInferred }) => {
+  const redirectsSet = /* @__PURE__ */ new Set();
+  if (pathInferred !== null) {
+    const normalizedPathInferred = normalizeRoutePath(pathInferred);
+    const encodedPathInferred = encodeURI(normalizedPathInferred);
+    if (normalizedPathInferred !== path9 && encodedPathInferred !== path9) {
+      redirectsSet.add(encodedPathInferred);
+    }
+  }
+  return Array.from(redirectsSet);
+};
+var prepareRoutes = async (app) => {
+  let content = `export const redirects = JSON.parse(${JSON.stringify(
+    JSON.stringify(
+      Object.fromEntries(
+        app.pages.flatMap(
+          (page) => resolvePageRedirects(page).map((redirect) => [redirect, page.path])
+        )
+      )
+    )
+  )})
+
+export const routes = Object.fromEntries([
+${app.pages.map(
+    ({ chunkFilePath, chunkName, path: path9, routeMeta }) => `  [${JSON.stringify(path9)}, { loader: () => import(${chunkName ? `/* webpackChunkName: "${chunkName}" */` : ""}${JSON.stringify(chunkFilePath)}), meta: ${JSON.stringify(routeMeta)} }],`
+  ).join("\n")}
+]);
+`;
+  if (app.env.isDev) {
+    content += HMR_CODE2;
+  }
+  await app.writeTemp("internal/routes.js", content);
+};
+
+// src/app/prepare/prepareSiteData.ts
+var HMR_CODE3 = `
+if (import.meta.webpackHot) {
+  import.meta.webpackHot.accept()
+  if (__VUE_HMR_RUNTIME__.updateSiteData) {
+    __VUE_HMR_RUNTIME__.updateSiteData(siteData)
+  }
+}
+
+if (import.meta.hot) {
+  import.meta.hot.accept(({ siteData }) => {
+    __VUE_HMR_RUNTIME__.updateSiteData(siteData)
+  })
+}
+`;
+var prepareSiteData = async (app) => {
+  let content = `export const siteData = JSON.parse(${JSON.stringify(
+    JSON.stringify(app.siteData)
+  )})
+`;
+  if (app.env.isDev) {
+    content += HMR_CODE3;
+  }
+  await app.writeTemp("internal/siteData.js", content);
+};
+
+// src/app/appInit.ts
+import { debug as debug3 } from "@vuepress/utils";
+
+// src/app/resolveAppMarkdown.ts
+import { createMarkdown } from "@vuepress/markdown";
+var resolveAppMarkdown = async (app) => {
+  await app.pluginApi.hooks.extendsMarkdownOptions.process(
+    app.options.markdown,
+    app
+  );
+  const markdown = createMarkdown(app.options.markdown);
+  await app.pluginApi.hooks.extendsMarkdown.process(markdown, app);
+  return markdown;
+};
+
 // src/app/resolveAppPages.ts
+import { debug as debug2, globby } from "@vuepress/utils";
 var log2 = debug2("vuepress:core/app");
 var resolveAppPages = async (app) => {
   log2("resolveAppPages start");
@@ -577,16 +555,23 @@ var resolveAppPages = async (app) => {
     absolute: true,
     cwd: app.dir.source()
   });
+  let hasNotFoundPage = false;
   const pages = await Promise.all(
-    pageFilePaths.map((filePath) => createPage(app, { filePath }))
+    pageFilePaths.map(async (filePath) => {
+      const page = await createPage(app, { filePath });
+      if (page.path === "/404.html") {
+        page.frontmatter.layout ??= "NotFound";
+        hasNotFoundPage = true;
+      }
+      return page;
+    })
   );
-  if (!pages.some((page) => page.path === "/404.html")) {
+  if (!hasNotFoundPage) {
     pages.push(
       await createPage(app, {
         path: "/404.html",
-        frontmatter: {
-          layout: "NotFound"
-        }
+        frontmatter: { layout: "NotFound" },
+        content: "404 Not Found"
       })
     );
   }
@@ -610,17 +595,15 @@ import { debug as debug4 } from "@vuepress/utils";
 var log4 = debug4("vuepress:core/app");
 var appPrepare = async (app) => {
   log4("prepare start");
-  for (const page of app.pages) {
-    await preparePageComponent(app, page);
-  }
-  await preparePagesComponents(app);
-  for (const page of app.pages) {
-    await preparePageData(app, page);
-  }
-  await preparePagesData(app);
-  await preparePagesRoutes(app);
-  await prepareSiteData(app);
-  await prepareClientConfigs(app);
+  await Promise.all([
+    ...app.pages.flatMap((page) => [
+      preparePageComponent(app, page),
+      preparePageChunk(app, page)
+    ]),
+    prepareRoutes(app),
+    prepareSiteData(app),
+    prepareClientConfigs(app)
+  ]);
   await app.pluginApi.hooks.onPrepared.process(app);
   log4("prepare finish");
 };
@@ -768,6 +751,7 @@ var createPluginApiRegisterHooks = (plugins, hooks) => () => {
         if (hooks[key] && commonHooks[key]) {
           hooks[key].add({
             pluginName,
+            // @ts-expect-error: the type could not be narrowed correctly
             hook: commonHooks[key]
           });
         }
@@ -789,12 +773,10 @@ var createPluginApi = () => {
 };
 
 // src/app/resolveAppDir.ts
-import { createRequire } from "module";
+import { createRequire } from "node:module";
 import { path as path7 } from "@vuepress/utils";
 var require2 = createRequire(import.meta.url);
-var createAppDirFunction = (baseDir) => {
-  return (...args) => path7.resolve(baseDir, ...args);
-};
+var createAppDirFunction = (baseDir) => (...args) => path7.resolve(baseDir, ...args);
 var resolveAppDir = (options) => {
   const cache = createAppDirFunction(options.cache);
   const temp = createAppDirFunction(options.temp);
@@ -815,14 +797,14 @@ var resolveAppDir = (options) => {
 };
 
 // src/app/resolveAppEnv.ts
-var resolveAppEnv = (options, isBuild) => ({
-  isBuild,
-  isDev: !isBuild,
+var resolveAppEnv = (options) => ({
+  isBuild: false,
+  isDev: false,
   isDebug: options.debug
 });
 
 // src/app/resolveAppOptions.ts
-import { createRequire as createRequire2 } from "module";
+import { createRequire as createRequire2 } from "node:module";
 import { path as path8, templateRenderer } from "@vuepress/utils";
 var require3 = createRequire2(import.meta.url);
 var resolveAppOptions = ({
@@ -852,6 +834,7 @@ var resolveAppOptions = ({
   templateBuild = path8.normalize(
     require3.resolve("@vuepress/client/templates/build.html")
   ),
+  templateBuildRenderer = templateRenderer,
   // common config
   bundler,
   debug: debug7 = false,
@@ -879,7 +862,7 @@ var resolveAppOptions = ({
   shouldPreload,
   shouldPrefetch,
   templateBuild,
-  templateBuildRenderer: templateRenderer,
+  templateBuildRenderer,
   bundler,
   debug: debug7,
   markdown,
@@ -900,7 +883,7 @@ var resolveAppSiteData = (options) => ({
 });
 
 // src/app/resolveAppVersion.ts
-import { createRequire as createRequire3 } from "module";
+import { createRequire as createRequire3 } from "node:module";
 import { fs as fs3 } from "@vuepress/utils";
 var require4 = createRequire3(import.meta.url);
 var resolveAppVersion = () => {
@@ -921,6 +904,32 @@ var resolveAppWriteTemp = (dir) => {
   return writeTemp;
 };
 
+// src/app/createBaseApp.ts
+var createBaseApp = (config) => {
+  const options = resolveAppOptions(config);
+  const dir = resolveAppDir(options);
+  const env = resolveAppEnv(options);
+  const pluginApi = createPluginApi();
+  const siteData = resolveAppSiteData(options);
+  const version = resolveAppVersion();
+  const writeTemp = resolveAppWriteTemp(dir);
+  const app = {
+    options,
+    siteData,
+    version,
+    // utils
+    dir,
+    env,
+    pluginApi,
+    writeTemp,
+    // methods
+    use: (plugin) => appUse(app, plugin),
+    init: async () => appInit(app),
+    prepare: async () => appPrepare(app)
+  };
+  return app;
+};
+
 // src/app/resolveThemeInfo.ts
 var resolveThemeInfo = (app, theme) => {
   const themeObject = resolvePluginObject(app, theme);
@@ -951,44 +960,21 @@ var setupAppThemeAndPlugins = (app, config) => {
   [...themeInfo.plugins, ...app.options.plugins].flat().forEach((plugin) => app.use(plugin));
 };
 
-// src/app/createBaseApp.ts
-var createBaseApp = (config, isBuild = false) => {
-  const options = resolveAppOptions(config);
-  const dir = resolveAppDir(options);
-  const env = resolveAppEnv(options, isBuild);
-  const pluginApi = createPluginApi();
-  const siteData = resolveAppSiteData(options);
-  const version = resolveAppVersion();
-  const writeTemp = resolveAppWriteTemp(dir);
-  const app = {
-    options,
-    siteData,
-    version,
-    // utils
-    dir,
-    env,
-    pluginApi,
-    writeTemp,
-    // methods
-    use: (plugin) => appUse(app, plugin),
-    init: () => appInit(app),
-    prepare: () => appPrepare(app)
-  };
-  setupAppThemeAndPlugins(app, config);
-  return app;
-};
-
 // src/app/createBuildApp.ts
 var createBuildApp = (config) => {
-  const app = createBaseApp(config, true);
-  app.build = () => app.options.bundler.build(app);
+  const app = createBaseApp(config);
+  app.env.isBuild = true;
+  app.build = async () => app.options.bundler.build(app);
+  setupAppThemeAndPlugins(app, config);
   return app;
 };
 
 // src/app/createDevApp.ts
 var createDevApp = (config) => {
-  const app = createBaseApp(config, false);
-  app.dev = () => app.options.bundler.dev(app);
+  const app = createBaseApp(config);
+  app.env.isDev = true;
+  app.dev = async () => app.options.bundler.dev(app);
+  setupAppThemeAndPlugins(app, config);
   return app;
 };
 export {
@@ -1007,14 +993,13 @@ export {
   inferPagePath,
   normalizeAliasDefineHook,
   normalizeClientConfigFileHook,
+  parsePageContent,
   prepareClientConfigs,
+  preparePageChunk,
   preparePageComponent,
-  preparePageData,
-  preparePagesComponents,
-  preparePagesData,
-  preparePagesRoutes,
+  prepareRoutes,
   prepareSiteData,
-  renderPageContent,
+  renderPageSfcBlocksToVue,
   resolveAppDir,
   resolveAppEnv,
   resolveAppOptions,
@@ -1022,13 +1007,12 @@ export {
   resolveAppSiteData,
   resolveAppVersion,
   resolveAppWriteTemp,
+  resolvePageChunkInfo,
   resolvePageComponentInfo,
-  resolvePageDataInfo,
+  resolvePageContent,
   resolvePageDate,
-  resolvePageFileContent,
   resolvePageFilePath,
   resolvePageHtmlInfo,
-  resolvePageKey,
   resolvePageLang,
   resolvePagePath,
   resolvePagePermalink,