@vuepress/client 2.0.0-beta.56 → 2.0.0-beta.58

package/dist/app.js

@@ -1,23 +1,26 @@
 import {
   ClientOnly,
   Content,
+  layoutsSymbol,
   pageData,
   pageFrontmatterSymbol,
   pageHeadSymbol,
   pageHeadTitleSymbol,
   pageLangSymbol,
+  pageLayoutSymbol,
   resolvers,
   routeLocaleSymbol,
   siteData,
   siteLocaleDataSymbol,
   updateHeadSymbol,
-  usePageData,
   usePageHead,
   usePageLang,
+  usePageLayout,
   withBase
-} from "./chunk-YRWD2ESJ.js";
+} from "./chunk-2OYZ7FSR.js";
 
 // src/app.ts
+import { clientConfigs } from "@internal/clientConfigs";
 import { createApp, createSSRApp, h as h2 } from "vue";
 import { RouterView } from "vue-router";
 
@@ -35,78 +38,47 @@ import {
 import { pagesRoutes } from "@internal/pagesRoutes";
 
 // src/components/Vuepress.ts
-import { isString } from "@vuepress/shared";
-import { computed, defineComponent, h } from "vue";
-var LAYOUT_NAME_DEFAULT = "Layout";
-var LAYOUT_NAME_NOT_FOUND = "NotFound";
-var createVuepressComponent = async () => {
-  const { clientConfigs } = await import("@internal/clientConfigs");
-  const layouts = clientConfigs.reduce(
-    (prev, item) => ({
-      ...prev,
-      ...item.layouts
-    }),
-    {}
-  );
-  const Vuepress = defineComponent({
-    name: "Vuepress",
-    setup() {
-      const page = usePageData();
-      const layoutComponent = computed(() => {
-        let layoutName;
-        if (page.value.path) {
-          const frontmatterLayout = page.value.frontmatter.layout;
-          if (isString(frontmatterLayout)) {
-            layoutName = frontmatterLayout;
-          } else {
-            layoutName = LAYOUT_NAME_DEFAULT;
-          }
-        } else {
-          layoutName = LAYOUT_NAME_NOT_FOUND;
-        }
-        return layouts[layoutName];
-      });
-      return () => h(layoutComponent.value);
-    }
-  });
-  return Vuepress;
-};
+import { defineComponent, h } from "vue";
+var Vuepress = defineComponent({
+  name: "Vuepress",
+  setup() {
+    const layout = usePageLayout();
+    return () => h(layout.value);
+  }
+});
 
 // src/routes.ts
-var createRoutes = async () => {
-  const Vuepress = await createVuepressComponent();
-  return pagesRoutes.reduce(
-    (result, [name, path, meta, redirects]) => {
-      result.push(
-        {
-          name,
-          path,
-          component: Vuepress,
-          meta
-        },
-        ...redirects.map((item) => ({
-          path: item,
-          redirect: path
-        }))
-      );
-      return result;
-    },
-    [
+var createRoutes = () => pagesRoutes.reduce(
+  (result, [name, path, meta, redirects]) => {
+    result.push(
       {
-        name: "404",
-        path: "/:catchAll(.*)",
-        component: Vuepress
-      }
-    ]
-  );
-};
+        name,
+        path,
+        component: Vuepress,
+        meta
+      },
+      ...redirects.map((item) => ({
+        path: item,
+        redirect: path
+      }))
+    );
+    return result;
+  },
+  [
+    {
+      name: "404",
+      path: "/:catchAll(.*)",
+      component: Vuepress
+    }
+  ]
+);
 
 // src/router.ts
 var historyCreator = __VUEPRESS_SSR__ ? createMemoryHistory : createWebHistory;
-var createVueRouter = async () => {
+var createVueRouter = () => {
   const router = createRouter({
-    history: historyCreator(removeEndingSlash(siteData.value.base)),
-    routes: await createRoutes(),
+    history: historyCreator(removeEndingSlash(__VUEPRESS_BASE__)),
+    routes: createRoutes(),
     scrollBehavior: (to, from, savedPosition) => {
       if (savedPosition)
         return savedPosition;
@@ -134,37 +106,43 @@ var setupGlobalComponents = (app) => {
 };
 
 // src/setupGlobalComputed.ts
-import { computed as computed2 } from "vue";
-var setupGlobalComputed = (app, router) => {
-  const routeLocale = computed2(
+import { computed } from "vue";
+var setupGlobalComputed = (app, router, clientConfigs2) => {
+  const layouts = computed(() => resolvers.resolveLayouts(clientConfigs2));
+  const routeLocale = computed(
     () => resolvers.resolveRouteLocale(
       siteData.value.locales,
       router.currentRoute.value.path
     )
   );
-  const siteLocaleData = computed2(
+  const siteLocaleData = computed(
     () => resolvers.resolveSiteLocaleData(siteData.value, routeLocale.value)
   );
-  const pageFrontmatter = computed2(
+  const pageFrontmatter = computed(
     () => resolvers.resolvePageFrontmatter(pageData.value)
   );
-  const pageHeadTitle = computed2(
+  const pageHeadTitle = computed(
     () => resolvers.resolvePageHeadTitle(pageData.value, siteLocaleData.value)
   );
-  const pageHead = computed2(
+  const pageHead = computed(
     () => resolvers.resolvePageHead(
       pageHeadTitle.value,
       pageFrontmatter.value,
       siteLocaleData.value
     )
   );
-  const pageLang = computed2(() => resolvers.resolvePageLang(pageData.value));
-  app.provide(routeLocaleSymbol, routeLocale);
-  app.provide(siteLocaleDataSymbol, siteLocaleData);
+  const pageLang = computed(() => resolvers.resolvePageLang(pageData.value));
+  const pageLayout = computed(
+    () => resolvers.resolvePageLayout(pageData.value, layouts.value)
+  );
+  app.provide(layoutsSymbol, layouts);
   app.provide(pageFrontmatterSymbol, pageFrontmatter);
   app.provide(pageHeadTitleSymbol, pageHeadTitle);
   app.provide(pageHeadSymbol, pageHead);
   app.provide(pageLangSymbol, pageLang);
+  app.provide(pageLayoutSymbol, pageLayout);
+  app.provide(routeLocaleSymbol, routeLocale);
+  app.provide(siteLocaleDataSymbol, siteLocaleData);
   Object.defineProperties(app.config.globalProperties, {
     $frontmatter: { get: () => pageFrontmatter.value },
     $head: { get: () => pageHead.value },
@@ -177,11 +155,13 @@ var setupGlobalComputed = (app, router) => {
     $withBase: { get: () => withBase }
   });
   return {
+    layouts,
     pageData,
     pageFrontmatter,
     pageHead,
     pageHeadTitle,
     pageLang,
+    pageLayout,
     routeLocale,
     siteData,
     siteLocaleData
@@ -189,7 +169,7 @@ var setupGlobalComputed = (app, router) => {
 };
 
 // src/setupUpdateHead.ts
-import { isPlainObject, isString as isString2 } from "@vuepress/shared";
+import { isPlainObject, isString } from "@vuepress/shared";
 import { onMounted, provide, ref, useSSRContext, watch } from "vue";
 import { useRoute } from "vue-router";
 var setupUpdateHead = () => {
@@ -245,7 +225,7 @@ var queryHeadTag = ([
   content = ""
 ]) => {
   const attrsSelector = Object.entries(attrs).map(([key, value]) => {
-    if (isString2(value)) {
+    if (isString(value)) {
       return `[${key}=${JSON.stringify(value)}]`;
     }
     if (value === true) {
@@ -263,20 +243,20 @@ var createHeadTag = ([
   attrs,
   content
 ]) => {
-  if (!isString2(tagName)) {
+  if (!isString(tagName)) {
     return null;
   }
   const tag = document.createElement(tagName);
   if (isPlainObject(attrs)) {
     Object.entries(attrs).forEach(([key, value]) => {
-      if (isString2(value)) {
+      if (isString(value)) {
         tag.setAttribute(key, value);
       } else if (value === true) {
         tag.setAttribute(key, "");
       }
     });
   }
-  if (isString2(content)) {
+  if (isString(content)) {
     tag.appendChild(document.createTextNode(content));
   }
   return tag;
@@ -285,7 +265,6 @@ var createHeadTag = ([
 // src/app.ts
 var appCreator = __VUEPRESS_DEV__ ? createApp : createSSRApp;
 var createVueApp = async () => {
-  const { clientConfigs } = await import("@internal/clientConfigs");
   const app = appCreator({
     name: "VuepressApp",
     setup() {
@@ -301,9 +280,9 @@ var createVueApp = async () => {
       ];
     }
   });
-  const router = await createVueRouter();
+  const router = createVueRouter();
   setupGlobalComponents(app);
-  const globalComputed = setupGlobalComputed(app, router);
+  const globalComputed = setupGlobalComputed(app, router, clientConfigs);
   if (__VUEPRESS_DEV__ || __VUE_PROD_DEVTOOLS__) {
     const { setupDevtools } = await import("./setupDevtools-EXVHPMXB.js");
     setupDevtools(app, globalComputed);

package/dist/{chunk-YRWD2ESJ.js → chunk-2OYZ7FSR.js}

@@ -1,3 +1,16 @@
+// src/composables/layouts.ts
+import { inject } from "vue";
+var layoutsSymbol = Symbol(
+  __VUEPRESS_DEV__ ? "layouts" : ""
+);
+var useLayouts = () => {
+  const layouts = inject(layoutsSymbol);
+  if (!layouts) {
+    throw new Error("useLayouts() is called without provider.");
+  }
+  return layouts;
+};
+
 // src/composables/pagesData.ts
 import { pagesData as pagesDataRaw } from "@internal/pagesData";
 import { ref } from "vue";
@@ -12,7 +25,6 @@ var pageDataEmpty = readonly({
   title: "",
   lang: "",
   frontmatter: {},
-  excerpt: "",
   headers: []
 });
 var pageData = ref2(pageDataEmpty);
@@ -27,12 +39,12 @@ if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) {
 }
 
 // src/composables/pageFrontmatter.ts
-import { inject } from "vue";
+import { inject as inject2 } from "vue";
 var pageFrontmatterSymbol = Symbol(
   __VUEPRESS_DEV__ ? "pageFrontmatter" : ""
 );
 var usePageFrontmatter = () => {
-  const pageFrontmatter = inject(pageFrontmatterSymbol);
+  const pageFrontmatter = inject2(pageFrontmatterSymbol);
   if (!pageFrontmatter) {
     throw new Error("usePageFrontmatter() is called without provider.");
   }
@@ -40,12 +52,12 @@ var usePageFrontmatter = () => {
 };
 
 // src/composables/pageHead.ts
-import { inject as inject2 } from "vue";
+import { inject as inject3 } from "vue";
 var pageHeadSymbol = Symbol(
   __VUEPRESS_DEV__ ? "pageHead" : ""
 );
 var usePageHead = () => {
-  const pageHead = inject2(pageHeadSymbol);
+  const pageHead = inject3(pageHeadSymbol);
   if (!pageHead) {
     throw new Error("usePageHead() is called without provider.");
   }
@@ -53,12 +65,12 @@ var usePageHead = () => {
 };
 
 // src/composables/pageHeadTitle.ts
-import { inject as inject3 } from "vue";
+import { inject as inject4 } from "vue";
 var pageHeadTitleSymbol = Symbol(
   __VUEPRESS_DEV__ ? "pageHeadTitle" : ""
 );
 var usePageHeadTitle = () => {
-  const pageHeadTitle = inject3(pageHeadTitleSymbol);
+  const pageHeadTitle = inject4(pageHeadTitleSymbol);
   if (!pageHeadTitle) {
     throw new Error("usePageHeadTitle() is called without provider.");
   }
@@ -66,25 +78,40 @@ var usePageHeadTitle = () => {
 };
 
 // src/composables/pageLang.ts
-import { inject as inject4 } from "vue";
+import { inject as inject5 } from "vue";
 var pageLangSymbol = Symbol(
   __VUEPRESS_DEV__ ? "pageLang" : ""
 );
 var usePageLang = () => {
-  const pageLang = inject4(pageLangSymbol);
+  const pageLang = inject5(pageLangSymbol);
   if (!pageLang) {
     throw new Error("usePageLang() is called without provider.");
   }
   return pageLang;
 };
 
+// src/composables/pageLayout.ts
+import {
+  inject as inject6
+} from "vue";
+var pageLayoutSymbol = Symbol(
+  __VUEPRESS_DEV__ ? "pageLayout" : ""
+);
+var usePageLayout = () => {
+  const pageLayout = inject6(pageLayoutSymbol);
+  if (!pageLayout) {
+    throw new Error("usePageLayout() is called without provider.");
+  }
+  return pageLayout;
+};
+
 // src/composables/routeLocale.ts
-import { inject as inject5 } from "vue";
+import { inject as inject7 } from "vue";
 var routeLocaleSymbol = Symbol(
   __VUEPRESS_DEV__ ? "routeLocale" : ""
 );
 var useRouteLocale = () => {
-  const routeLocale = inject5(routeLocaleSymbol);
+  const routeLocale = inject7(routeLocaleSymbol);
   if (!routeLocale) {
     throw new Error("useRouteLocale() is called without provider.");
   }
@@ -103,12 +130,12 @@ if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) {
 }
 
 // src/composables/siteLocaleData.ts
-import { inject as inject6 } from "vue";
+import { inject as inject8 } from "vue";
 var siteLocaleDataSymbol = Symbol(
   __VUEPRESS_DEV__ ? "siteLocaleData" : ""
 );
 var useSiteLocaleData = () => {
-  const siteLocaleData = inject6(siteLocaleDataSymbol);
+  const siteLocaleData = inject8(siteLocaleDataSymbol);
   if (!siteLocaleData) {
     throw new Error("useSiteLocaleData() is called without provider.");
   }
@@ -116,12 +143,12 @@ var useSiteLocaleData = () => {
 };
 
 // src/composables/updateHead.ts
-import { inject as inject7 } from "vue";
+import { inject as inject9 } from "vue";
 var updateHeadSymbol = Symbol(
   __VUEPRESS_DEV__ ? "updateHead" : ""
 );
 var useUpdateHead = () => {
-  const updateHead = inject7(updateHeadSymbol);
+  const updateHead = inject9(updateHeadSymbol);
   if (!updateHead) {
     throw new Error("useUpdateHead() is called without provider.");
   }
@@ -136,7 +163,20 @@ import {
   resolveLocalePath
 } from "@vuepress/shared";
 import { reactive } from "vue";
+
+// src/constants.ts
+var LAYOUT_NAME_DEFAULT = "Layout";
+var LAYOUT_NAME_NOT_FOUND = "NotFound";
+
+// src/resolvers.ts
 var resolvers = reactive({
+  resolveLayouts: (clientConfigs) => clientConfigs.reduce(
+    (prev, item) => ({
+      ...prev,
+      ...item.layouts
+    }),
+    {}
+  ),
   resolvePageData: async (pageKey) => {
     const pageDataResolver = pagesData.value[pageKey];
     const pageData2 = await pageDataResolver?.();
@@ -154,7 +194,21 @@ var resolvers = reactive({
     return dedupeHead(head);
   },
   resolvePageHeadTitle: (page, siteLocale) => `${page.title ? `${page.title}` : ``}${siteLocale.title ? ` | ${siteLocale.title}` : ``}`,
-  resolvePageLang: (pageData2) => pageData2.lang || "en",
+  resolvePageLang: (page) => page.lang || "en",
+  resolvePageLayout: (page, layouts) => {
+    let layoutName;
+    if (page.path) {
+      const frontmatterLayout = page.frontmatter.layout;
+      if (isString(frontmatterLayout)) {
+        layoutName = frontmatterLayout;
+      } else {
+        layoutName = LAYOUT_NAME_DEFAULT;
+      }
+    } else {
+      layoutName = LAYOUT_NAME_NOT_FOUND;
+    }
+    return layouts[layoutName];
+  },
   resolveRouteLocale: (locales, routePath) => resolveLocalePath(locales, routePath),
   resolveSiteLocaleData: (site, routeLocale) => ({
     ...site,
@@ -199,16 +253,20 @@ var Content = defineComponent2({
   }
 });
 
-// src/withBase.ts
+// src/helpers/defineClientConfig.ts
+var defineClientConfig = (clientConfig = {}) => clientConfig;
+
+// src/helpers/withBase.ts
 import { isLinkHttp, removeLeadingSlash } from "@vuepress/shared";
 var withBase = (url) => {
   if (isLinkHttp(url))
     return url;
-  const base = useSiteData().value.base;
-  return `${base}${removeLeadingSlash(url)}`;
+  return `${__VUEPRESS_BASE__}${removeLeadingSlash(url)}`;
 };
 
 export {
+  layoutsSymbol,
+  useLayouts,
   pagesData,
   usePagesData,
   pageDataEmpty,
@@ -222,6 +280,8 @@ export {
   usePageHeadTitle,
   pageLangSymbol,
   usePageLang,
+  pageLayoutSymbol,
+  usePageLayout,
   routeLocaleSymbol,
   useRouteLocale,
   siteData,
@@ -233,5 +293,6 @@ export {
   resolvers,
   ClientOnly,
   Content,
+  defineClientConfig,
   withBase
 };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { PageData, PageFrontmatter, HeadConfig, SiteData } from '@vuepress/shared';
 export { PageData, PageFrontmatter, PageHeader, SiteData } from '@vuepress/shared';
 import * as vue from 'vue';
-import { Ref, ComputedRef, InjectionKey, App, Component } from 'vue';
+import { Component, App, ComputedRef, InjectionKey, Ref } from 'vue';
 import { Router, RouteMeta } from 'vue-router';
 
 declare const ClientOnly: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -29,6 +29,60 @@ declare const Content: vue.DefineComponent<{
     pageKey: string;
 }>;
 
+type Layouts = Record<string, Component>;
+
+/**
+ * Configure vuepress client
+ */
+interface ClientConfig {
+    /**
+     * An enhance function to be called after vue app instance and
+     * vue-router instance has been created
+     */
+    enhance?: (context: {
+        app: App;
+        router: Router;
+        siteData: SiteDataRef;
+    }) => void | Promise<void>;
+    /**
+     * A function to be called inside the setup function of vue app
+     */
+    setup?: () => void;
+    /**
+     * Layout components
+     */
+    layouts?: Layouts;
+    /**
+     * Components to be placed directly into the root node of vue app
+     */
+    rootComponents?: Component[];
+}
+
+type CreateVueAppFunction = () => Promise<{
+    app: App;
+    router: Router;
+}>;
+
+type PageRouteItem = [
+    name: string,
+    path: string,
+    meta: RouteMeta,
+    redirects: string[]
+];
+
+/**
+ * Ref wrapper of `Layouts`
+ */
+type LayoutsRef = ComputedRef<Layouts>;
+/**
+ * Injection key for layouts
+ */
+declare const layoutsSymbol: InjectionKey<LayoutsRef>;
+/**
+ * Returns layouts component map
+ */
+declare const useLayouts: () => LayoutsRef;
+
 /**
  * Ref wrapper of `PageData`
  */
@@ -110,6 +164,19 @@ declare const pageLangSymbol: InjectionKey<PageLangRef>;
  */
 declare const usePageLang: () => PageLangRef;
 
+/**
+ * Ref wrapper of `PageLayout`
+ */
+type PageLayoutRef = ComputedRef<Component>;
+/**
+ * Injection key for page layout
+ */
+declare const pageLayoutSymbol: InjectionKey<PageLayoutRef>;
+/**
+ * Returns layout component of current page
+ */
+declare const usePageLayout: () => ComputedRef<Component>;
+
 /**
  * Data resolvers of all pages
  *
@@ -191,48 +258,14 @@ declare const updateHeadSymbol: InjectionKey<UpdateHead>;
 declare const useUpdateHead: () => UpdateHead;
 
 /**
- * Configure vuepress client
+ * A helper function to help you define vuepress client config file
  */
-interface ClientConfig {
-    /**
-     * An enhance function to be called after vue app instance and
-     * vue-router instance has been created
-     */
-    enhance?: (context: {
-        app: App;
-        router: Router;
-        siteData: SiteDataRef;
-    }) => void | Promise<void>;
-    /**
-     * A function to be called inside the setup function of vue app
-     */
-    setup?: () => void;
-    /**
-     * Layout components
-     */
-    layouts?: Record<string, Component>;
-    /**
-     * Components to be placed directly into the root node of vue app
-     */
-    rootComponents?: Component[];
-}
-
-type CreateVueAppFunction = () => Promise<{
-    app: App;
-    router: Router;
-}>;
-
-type PageRouteItem = [
-    name: string,
-    path: string,
-    meta: RouteMeta,
-    redirects: string[]
-];
+declare const defineClientConfig: (clientConfig?: ClientConfig) => ClientConfig;
 
 /**
- * A helper function to help you define vuepress client config file
+ * Prefix url with site base
  */
-declare const defineClientConfig: (clientConfig?: ClientConfig) => ClientConfig;
+declare const withBase: (url: string) => string;
 
 /**
  * Resolver methods to get global computed
@@ -240,18 +273,15 @@ declare const defineClientConfig: (clientConfig?: ClientConfig) => ClientConfig;
  * Users can override corresponding method for advanced customization
  */
 declare const resolvers: {
+    resolveLayouts: (clientConfigs: ClientConfig[]) => Layouts;
     resolvePageData: (pageKey: string) => Promise<PageData>;
     resolvePageFrontmatter: (pageData: PageData) => PageFrontmatter;
     resolvePageHead: (headTitle: PageHeadTitle, frontmatter: PageFrontmatter, siteLocale: SiteLocaleData) => PageHead;
     resolvePageHeadTitle: (page: PageData, siteLocale: SiteLocaleData) => PageHeadTitle;
-    resolvePageLang: (pageData: PageData) => PageLang;
+    resolvePageLang: (page: PageData) => PageLang;
+    resolvePageLayout: (page: PageData, layouts: Layouts) => Component;
     resolveRouteLocale: (locales: SiteData['locales'], routePath: string) => RouteLocale;
     resolveSiteLocaleData: (site: SiteData, routeLocale: RouteLocale) => SiteLocaleData;
 };
 
-/**
- * Prefix url with site base
- */
-declare const withBase: (url: string) => string;
-
-export { ClientConfig, ClientOnly, Content, CreateVueAppFunction, PageDataRef, PageFrontmatterRef, PageHead, PageHeadRef, PageHeadTitle, PageHeadTitleRef, PageLang, PageLangRef, PageRouteItem, PagesData, PagesDataRef, RouteLocale, RouteLocaleRef, SiteDataRef, SiteLocaleData, SiteLocaleDataRef, UpdateHead, defineClientConfig, pageData, pageDataEmpty, pageFrontmatterSymbol, pageHeadSymbol, pageHeadTitleSymbol, pageLangSymbol, pagesData, resolvers, routeLocaleSymbol, siteData, siteLocaleDataSymbol, updateHeadSymbol, usePageData, usePageFrontmatter, usePageHead, usePageHeadTitle, usePageLang, usePagesData, useRouteLocale, useSiteData, useSiteLocaleData, useUpdateHead, withBase };
+export { ClientConfig, ClientOnly, Content, CreateVueAppFunction, Layouts, LayoutsRef, PageDataRef, PageFrontmatterRef, PageHead, PageHeadRef, PageHeadTitle, PageHeadTitleRef, PageLang, PageLangRef, PageLayoutRef, PageRouteItem, PagesData, PagesDataRef, RouteLocale, RouteLocaleRef, SiteDataRef, SiteLocaleData, SiteLocaleDataRef, UpdateHead, defineClientConfig, layoutsSymbol, pageData, pageDataEmpty, pageFrontmatterSymbol, pageHeadSymbol, pageHeadTitleSymbol, pageLangSymbol, pageLayoutSymbol, pagesData, resolvers, routeLocaleSymbol, siteData, siteLocaleDataSymbol, updateHeadSymbol, useLayouts, usePageData, usePageFrontmatter, usePageHead, usePageHeadTitle, usePageLang, usePageLayout, usePagesData, useRouteLocale, useSiteData, useSiteLocaleData, useUpdateHead, withBase };

package/dist/index.js

@@ -1,54 +1,60 @@
 import {
   ClientOnly,
   Content,
+  defineClientConfig,
+  layoutsSymbol,
   pageData,
   pageDataEmpty,
   pageFrontmatterSymbol,
   pageHeadSymbol,
   pageHeadTitleSymbol,
   pageLangSymbol,
+  pageLayoutSymbol,
   pagesData,
   resolvers,
   routeLocaleSymbol,
   siteData,
   siteLocaleDataSymbol,
   updateHeadSymbol,
+  useLayouts,
   usePageData,
   usePageFrontmatter,
   usePageHead,
   usePageHeadTitle,
   usePageLang,
+  usePageLayout,
   usePagesData,
   useRouteLocale,
   useSiteData,
   useSiteLocaleData,
   useUpdateHead,
   withBase
-} from "./chunk-YRWD2ESJ.js";
-
-// src/helpers/defineClientConfig.ts
-var defineClientConfig = (clientConfig = {}) => clientConfig;
+} from "./chunk-2OYZ7FSR.js";
 export {
   ClientOnly,
   Content,
   defineClientConfig,
+  layoutsSymbol,
   pageData,
   pageDataEmpty,
   pageFrontmatterSymbol,
   pageHeadSymbol,
   pageHeadTitleSymbol,
   pageLangSymbol,
+  pageLayoutSymbol,
   pagesData,
   resolvers,
   routeLocaleSymbol,
   siteData,
   siteLocaleDataSymbol,
   updateHeadSymbol,
+  useLayouts,
   usePageData,
   usePageFrontmatter,
   usePageHead,
   usePageHeadTitle,
   usePageLang,
+  usePageLayout,
   usePagesData,
   useRouteLocale,
   useSiteData,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuepress/client",
-  "version": "2.0.0-beta.56",
+  "version": "2.0.0-beta.58",
   "description": "Client package of VuePress",
   "keywords": [
     "vuepress",
@@ -36,7 +36,7 @@
     "@vue/devtools-api": "^6.4.5",
     "vue": "^3.2.45",
     "vue-router": "^4.1.6",
-    "@vuepress/shared": "2.0.0-beta.56"
+    "@vuepress/shared": "2.0.0-beta.58"
   },
   "publishConfig": {
     "access": "public"

package/types.d.ts

@@ -1,4 +1,5 @@
 declare const __VUEPRESS_VERSION__: string
+declare const __VUEPRESS_BASE__: string
 declare const __VUEPRESS_DEV__: boolean
 declare const __VUEPRESS_SSR__: boolean
 declare const __VUE_HMR_RUNTIME__: Record<string, any>