@vuepress/client 2.0.0-beta.50 → 2.0.0-beta.52

package/dist/app.js

@@ -15,7 +15,7 @@ import {
   usePageHead,
   usePageLang,
   withBase
-} from "./chunk-V3MKNX2O.js";
+} from "./chunk-X6HE2CCA.js";
 
 // src/app.ts
 import { clientConfigs } from "@internal/clientConfigs";

package/dist/{chunk-V3MKNX2O.js → chunk-X6HE2CCA.js}

@@ -17,7 +17,7 @@ var pageDataEmpty = readonly({
 });
 var pageData = ref2(pageDataEmpty);
 var usePageData = () => pageData;
-if (import.meta.webpackHot || import.meta.hot) {
+if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) {
   __VUE_HMR_RUNTIME__.updatePageData = (data) => {
     pagesData.value[data.key] = () => Promise.resolve(data);
     if (data.key === pageData.value.key) {
@@ -96,7 +96,7 @@ import { siteData as siteDataRaw } from "@internal/siteData";
 import { ref as ref3 } from "vue";
 var siteData = ref3(siteDataRaw);
 var useSiteData = () => siteData;
-if (import.meta.webpackHot || import.meta.hot) {
+if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) {
   __VUE_HMR_RUNTIME__.updateSiteData = (data) => {
     siteData.value = data;
   };
@@ -153,7 +153,7 @@ var resolvers = reactive({
     ];
     return dedupeHead(head);
   },
-  resolvePageHeadTitle: (page, siteLocale) => `${page.title ? `${page.title} | ` : ``}${siteLocale.title}`,
+  resolvePageHeadTitle: (page, siteLocale) => `${page.title ? `${page.title}` : ``}${siteLocale.title ? ` | ${siteLocale.title}` : ``}`,
   resolvePageLang: (pageData2) => pageData2.lang || "en",
   resolveRouteLocale: (locales, routePath) => resolveLocalePath(locales, routePath),
   resolveSiteLocaleData: (site, routeLocale) => ({
@@ -200,9 +200,18 @@ var Content = defineComponent2({
 });
 
 // src/components/Vuepress.ts
-import { layoutComponents } from "@internal/layoutComponents";
+import { clientConfigs } from "@internal/clientConfigs";
 import { isString as isString2 } from "@vuepress/shared";
-import { computed as computed2, defineComponent as defineComponent3, h as h2, resolveComponent } from "vue";
+import { computed as computed2, defineComponent as defineComponent3, h as h2 } from "vue";
+var LAYOUT_NAME_DEFAULT = "Layout";
+var LAYOUT_NAME_NOT_FOUND = "NotFound";
+var layouts = clientConfigs.reduce(
+  (prev, item) => ({
+    ...prev,
+    ...item.layouts
+  }),
+  {}
+);
 var Vuepress = defineComponent3({
   name: "Vuepress",
   setup() {
@@ -214,12 +223,12 @@ var Vuepress = defineComponent3({
         if (isString2(frontmatterLayout)) {
           layoutName = frontmatterLayout;
         } else {
-          layoutName = "Layout";
+          layoutName = LAYOUT_NAME_DEFAULT;
         }
       } else {
-        layoutName = "404";
+        layoutName = LAYOUT_NAME_NOT_FOUND;
       }
-      return layoutComponents[layoutName] || resolveComponent(layoutName, false);
+      return layouts[layoutName];
     });
     return () => h2(layoutComponent.value);
   }

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { Router, RouteMeta } from 'vue-router';
 
 declare const ClientOnly: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>[] | null | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+}>[] | null | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
 /**
  * Markdown rendered content
@@ -19,7 +19,7 @@ declare const Content: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     pageKey: {
         type: StringConstructor;
         required: false;
@@ -34,7 +34,7 @@ declare const Content: vue.DefineComponent<{
  */
 declare const Vuepress: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, vue.EmitsOptions, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{}>>, {}>;
 
 /**
  * Ref wrapper of `PageData`
@@ -214,6 +214,10 @@ interface ClientConfig {
      * 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
      */
@@ -235,7 +239,7 @@ declare type PageRouteItem = [
 /**
  * A helper function to help you define vuepress client config file
  */
-declare const defineClientConfig: (clientConfig: ClientConfig) => ClientConfig;
+declare const defineClientConfig: (clientConfig?: ClientConfig) => ClientConfig;
 
 /**
  * Resolver methods to get global computed

package/dist/index.js

@@ -25,10 +25,10 @@ import {
   useSiteLocaleData,
   useUpdateHead,
   withBase
-} from "./chunk-V3MKNX2O.js";
+} from "./chunk-X6HE2CCA.js";
 
 // src/helpers/defineClientConfig.ts
-var defineClientConfig = (clientConfig) => clientConfig;
+var defineClientConfig = (clientConfig = {}) => clientConfig;
 export {
   ClientOnly,
   Content,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuepress/client",
-  "version": "2.0.0-beta.50",
+  "version": "2.0.0-beta.52",
   "description": "Client package of VuePress",
   "keywords": [
     "vuepress",
@@ -33,10 +33,10 @@
     "types.d.ts"
   ],
   "dependencies": {
-    "@vue/devtools-api": "^6.2.1",
-    "@vuepress/shared": "2.0.0-beta.50",
-    "vue": "^3.2.37",
-    "vue-router": "^4.1.4"
+    "@vue/devtools-api": "^6.4.5",
+    "@vuepress/shared": "2.0.0-beta.52",
+    "vue": "^3.2.41",
+    "vue-router": "^4.1.5"
   },
   "publishConfig": {
     "access": "public"

package/templates/build.html

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <meta name="generator" content="VuePress {{ version }}">
     <!--vuepress-ssr-head-->
-    <!--vuepress-ssr-resources-->
     <!--vuepress-ssr-styles-->
+    <!--vuepress-ssr-resources-->
   </head>
   <body>
     <div id="app"><!--vuepress-ssr-app--></div>