@vuepress/client 2.0.0-rc.31 → 2.0.0-rc.32

package/dist/app.d.ts

@@ -1,6 +1,3 @@
-import { t as CreateVueAppFunction } from "./index-wQR7Pl0s.js";
+import { t as CreateVueAppFunction } from "./index-DXAyy5fd.js";
 import "@internal/userStyle";
-//#region src/app.d.ts
-declare const createVueApp: CreateVueAppFunction;
-//#endregion
-export { createVueApp };
+export declare const createVueApp: CreateVueAppFunction;

package/dist/app.js

@@ -1,20 +1,20 @@
-import { D as usePageLang, E as usePageHead, L as clientDataSymbol, O as usePageLayout, f as redirects, i as ClientOnly, m as updateHeadSymbol, n as resolvers, o as RouteLink, p as routes, r as Content, t as withBase, u as resolveRoute } from "./utils-jFeCv-dX.js";
+import { D as usePageLang, E as usePageHead, L as clientDataSymbol, O as usePageLayout, f as redirects, i as ClientOnly, m as updateHeadSymbol, n as resolvers, o as RouteLink, p as routes, r as Content, t as withBase, u as resolveRoute } from "./utils-B71L9rqN.js";
 import { clientConfigs } from "@internal/clientConfigs";
 import { computed, createApp, createSSRApp, customRef, h, onMounted, provide, shallowRef, useSSRContext, watch } from "vue";
-import { siteData } from "@internal/siteData";
+import { START_LOCATION, createMemoryHistory, createRouter, createWebHistory, useRoute } from "vue-router";
+import { SCROLL_RESTORATION_CAPTURE_DEFAULT, SCROLL_RESTORATION_RESTORE_DEFAULT, ScrollRestoration, useScrollRestoration } from "vue-router/experimental";
+import { siteData as siteData$1 } from "@internal/siteData";
 import { isPlainObject, isString, removeEndingSlash } from "@vuepress/shared";
-import { START_LOCATION, createMemoryHistory, createRouter, createWebHistory } from "vue-router";
 import "@internal/userStyle";
-//#region src/internal/siteData.ts
+// src/internal/siteData.ts
 /**
 * Global site data ref
 */
-const siteData$1 = shallowRef(siteData);
+const siteData = shallowRef(siteData$1);
 if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) __VUE_HMR_RUNTIME__.updateSiteData = (data) => {
-	siteData$1.value = data;
+	siteData.value = data;
 };
-//#endregion
-//#region src/router/createVueRouter.ts
+// src/router/createVueRouter.ts
 /**
 * - use `createWebHistory` in dev mode and build mode client bundle
 * - use `createMemoryHistory` in build mode server bundle
@@ -30,12 +30,7 @@ const createVueRouter = () => {
 			name: "vuepress-route",
 			path: "/:catchAll(.*)",
 			components: {}
-		}],
-		scrollBehavior: (to, _from, savedPosition) => {
-			if (savedPosition) return savedPosition;
-			if (to.hash) return { el: to.hash };
-			return { top: 0 };
-		}
+		}]
 	});
 	router.beforeResolve(async (to, from) => {
 		if (to.path !== from.path || from === START_LOCATION) {
@@ -50,8 +45,7 @@ const createVueRouter = () => {
 	});
 	return router;
 };
-//#endregion
-//#region src/setupGlobalComponents.ts
+// src/setupGlobalComponents.ts
 /**
 * Register global built-in components
 */
@@ -60,8 +54,7 @@ const setupGlobalComponents = (app) => {
 	app.component("Content", Content);
 	app.component("RouteLink", RouteLink);
 };
-//#endregion
-//#region src/setupGlobalComputed.ts
+// src/setupGlobalComputed.ts
 /**
 * Create and provide global computed
 */
@@ -86,8 +79,8 @@ const setupGlobalComputed = (app, router, clientConfigs) => {
 		if (newPageData.path === router.currentRoute.value.meta._pageChunk?._pageData.path) pageChunk.value = newPageChunk;
 	};
 	const layouts = computed(() => resolvers.resolveLayouts(clientConfigs));
-	const routeLocale = computed(() => resolvers.resolveRouteLocale(siteData$1.value.locales, routePath.value));
-	const siteLocaleData = computed(() => resolvers.resolveSiteLocaleData(siteData$1.value, routeLocale.value));
+	const routeLocale = computed(() => resolvers.resolveRouteLocale(siteData.value.locales, routePath.value));
+	const siteLocaleData = computed(() => resolvers.resolveSiteLocaleData(siteData.value, routeLocale.value));
 	const pageComponent = computed(() => pageChunk.value.default);
 	const pageData = computed(() => pageChunk.value._pageData);
 	const pageFrontmatter = computed(() => pageData.value.frontmatter);
@@ -107,14 +100,14 @@ const setupGlobalComputed = (app, router, clientConfigs) => {
 		routeLocale,
 		routePath,
 		routes,
-		siteData: siteData$1,
+		siteData,
 		siteLocaleData,
 		frontmatter: pageFrontmatter,
 		head: pageHead,
 		headTitle: pageHeadTitle,
 		lang: pageLang,
 		page: pageData,
-		site: siteData$1,
+		site: siteData,
 		siteLocale: siteLocaleData
 	};
 	app.provide(clientDataSymbol, clientData);
@@ -131,13 +124,12 @@ const setupGlobalComputed = (app, router, clientConfigs) => {
 		$headTitle: { get: () => pageHeadTitle.value },
 		$lang: { get: () => pageLang.value },
 		$page: { get: () => pageData.value },
-		$site: { get: () => siteData$1.value },
+		$site: { get: () => siteData.value },
 		$siteLocale: { get: () => siteLocaleData.value }
 	});
 	return clientData;
 };
-//#endregion
-//#region src/setupUpdateHead.ts
+// src/setupUpdateHead.ts
 /**
 * Query the matched head element of head config
 */
@@ -219,8 +211,7 @@ const setupUpdateHead = () => {
 		watch(head, updateHead, { immediate: __VUEPRESS_DEV__ });
 	});
 };
-//#endregion
-//#region src/app.ts
+// src/app.ts
 /**
 * - use `createApp` in dev mode
 * - use `createSSRApp` in build mode
@@ -234,6 +225,12 @@ const createVueApp = async () => {
 			for (const clientConfig of clientConfigs) clientConfig.setup?.();
 			const clientRootComponents = clientConfigs.flatMap(({ rootComponents = [] }) => rootComponents.map((component) => h(component)));
 			const pageLayout = usePageLayout();
+			const { scroll } = useScrollRestoration({ manual: true });
+			const route = useRoute();
+			onMounted(scroll);
+			watch(() => route.fullPath, () => {
+				scroll();
+			}, { flush: "post" });
 			return () => [h(pageLayout.value), clientRootComponents];
 		}
 	});
@@ -241,13 +238,18 @@ const createVueApp = async () => {
 	setupGlobalComponents(app);
 	const globalComputed = setupGlobalComputed(app, router, clientConfigs);
 	if (__VUEPRESS_DEV__ || __VUE_PROD_DEVTOOLS__) {
-		const { setupDevtools } = await import("./setupDevtools-DJemw8CK.js");
+		const { setupDevtools } = await import("./setupDevtools-5p-_XGbk.js");
 		setupDevtools(app, globalComputed);
 	}
 	for (const clientConfig of clientConfigs) await clientConfig.enhance?.({
 		app,
 		router,
-		siteData: siteData$1
+		siteData
+	});
+	app.use(ScrollRestoration, {
+		router,
+		capture: SCROLL_RESTORATION_CAPTURE_DEFAULT,
+		restore: SCROLL_RESTORATION_RESTORE_DEFAULT
 	});
 	app.use(router);
 	return {
@@ -260,5 +262,4 @@ if (!__VUEPRESS_SSR__) createVueApp().then(({ app, router }) => {
 		app.mount("#app");
 	});
 });
-//#endregion
 export { createVueApp };

package/dist/{constants-CWVu3aBh.js → constants-KnoIK7Ob.js}

@@ -1,5 +1,5 @@
-import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
-//#region src/devtools/constants.ts
+import { t as __exportAll } from "./rolldown-runtime-D3KUYPsf.js";
+// src/devtools/constants.ts
 var constants_exports = /* @__PURE__ */ __exportAll({
 	COMPONENT_STATE_TYPE: () => COMPONENT_STATE_TYPE,
 	INSPECTOR_ID: () => INSPECTOR_ID,
@@ -53,5 +53,4 @@ const INSPECTOR_NODES = {
 	[INSPECTOR_NODE_PAGE.id]: INSPECTOR_NODE_PAGE
 };
 const INSPECTOR_STATE_SECTION_NAME = "State";
-//#endregion
 export { INSPECTOR_STATE_SECTION_NAME as a, constants_exports as c, INSPECTOR_NODES as i, INSPECTOR_ID as n, PLUGIN_ID as o, INSPECTOR_LABEL as r, PLUGIN_LABEL as s, COMPONENT_STATE_TYPE as t };

package/dist/{index-wQR7Pl0s.d.ts → index-DXAyy5fd.d.ts}

@@ -1,7 +1,6 @@
 import { App, Component, ComputedRef, Ref } from "vue";
-import { HeadConfig, PageData, PageFrontmatter, PageHeader, SiteData, SiteLocaleData } from "@vuepress/shared";
 import { Router } from "vue-router";
-//#region src/constants.d.ts
+import { HeadConfig, PageData, PageFrontmatter, PageHeader, SiteData, SiteLocaleData } from "@vuepress/shared";
 /**
  * Name of the default layout
  */
@@ -10,8 +9,6 @@ declare const LAYOUT_NAME_DEFAULT = "Layout";
  * Name of the 404 page layout
  */
 declare const LAYOUT_NAME_NOT_FOUND = "NotFound";
-//#endregion
-//#region src/types/routes.d.ts
 interface PageChunk {
   default: Component;
   _pageData: PageData;
@@ -23,8 +20,6 @@ interface Route<T extends RouteMeta = RouteMeta> {
 }
 type Redirects = Record<string, string>;
 type Routes = Record<string, Route>;
-//#endregion
-//#region src/types/clientData.d.ts
 interface Layouts {
   [LAYOUT_NAME_DEFAULT]: Component;
   [LAYOUT_NAME_NOT_FOUND]: Component;
@@ -74,8 +69,6 @@ interface ClientData<Frontmatter extends Record<string, unknown> = Record<string
   site: SiteDataRef;
   siteLocale: SiteLocaleDataRef;
 }
-//#endregion
-//#region src/types/clientConfig.d.ts
 /**
  * Configure vuepress client
  */
@@ -102,11 +95,8 @@ interface ClientConfig {
    */
   rootComponents?: Component[];
 }
-//#endregion
-//#region src/types/createVueAppFunction.d.ts
 type CreateVueAppFunction = () => Promise<{
   app: App;
   router: Router;
 }>;
-//#endregion
 export { SiteLocaleData as A, RouteLocale as C, RoutesRef as D, RoutePathRef as E, RouteMeta as F, Routes as I, PageChunk as M, Redirects as N, SiteData as O, Route as P, RedirectsRef as S, RoutePath as T, PageHeader as _, Layouts as a, PageLayout as b, PageComponentRef as c, PageFrontmatter as d, PageFrontmatterRef as f, PageHeadTitleRef as g, PageHeadTitle as h, HeadConfig as i, SiteLocaleDataRef as j, SiteDataRef as k, PageData as l, PageHeadRef as m, ClientConfig as n, LayoutsRef as o, PageHead as p, ClientData as r, PageComponent as s, CreateVueAppFunction as t, PageDataRef as u, PageLang as v, RouteLocaleRef as w, PageLayoutRef as x, PageLangRef as y };

package/dist/index.d.ts

@@ -1,12 +1,9 @@
-import { A as SiteLocaleData, C as RouteLocale, D as RoutesRef, E as RoutePathRef, F as RouteMeta, I as Routes, M as PageChunk, N as Redirects, O as SiteData, P as Route, S as RedirectsRef, T as RoutePath, _ as PageHeader, a as Layouts, b as PageLayout, c as PageComponentRef, d as PageFrontmatter, f as PageFrontmatterRef, g as PageHeadTitleRef, h as PageHeadTitle, i as HeadConfig, j as SiteLocaleDataRef, k as SiteDataRef, l as PageData, m as PageHeadRef, n as ClientConfig, o as LayoutsRef, p as PageHead, r as ClientData, s as PageComponent, t as CreateVueAppFunction, u as PageDataRef, v as PageLang, w as RouteLocaleRef, x as PageLayoutRef, y as PageLangRef } from "./index-wQR7Pl0s.js";
+import { A as SiteLocaleData, C as RouteLocale, D as RoutesRef, E as RoutePathRef, F as RouteMeta, I as Routes, M as PageChunk, N as Redirects, O as SiteData, P as Route, S as RedirectsRef, T as RoutePath, _ as PageHeader, a as Layouts, b as PageLayout, c as PageComponentRef, d as PageFrontmatter, f as PageFrontmatterRef, g as PageHeadTitleRef, h as PageHeadTitle, i as HeadConfig, j as SiteLocaleDataRef, k as SiteDataRef, l as PageData, m as PageHeadRef, n as ClientConfig, o as LayoutsRef, p as PageHead, r as ClientData, s as PageComponent, t as CreateVueAppFunction, u as PageDataRef, v as PageLang, w as RouteLocaleRef, x as PageLayoutRef, y as PageLangRef } from "./index-DXAyy5fd.js";
 import { InjectionKey, PropType, SlotsType, VNode } from "vue";
 import { RouteLocationNormalizedLoaded, Router, useRoute, useRouter } from "vue-router";
-//#region src/types/onContentUpdated.d.ts
 type ContentUpdatedReason = 'beforeUnmount' | 'mounted' | 'updated';
 type ContentUpdatedCallback = (reason: ContentUpdatedReason) => unknown;
-//#endregion
-//#region src/components/AutoLink.d.ts
-interface AutoLinkConfig {
+export interface AutoLinkConfig {
   /**
    * Pattern to determine if the link should be active, which has higher priority than `exact`
    */
@@ -42,7 +39,7 @@ interface AutoLinkConfig {
  * - If the link is internal, it will be rendered as a `<RouteLink>`
  * - If the link is external, it will be rendered as a normal `<a>` tag
  */
-declare const AutoLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const AutoLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   config: {
     type: PropType<AutoLinkConfig>;
     required: true;
@@ -59,8 +56,6 @@ declare const AutoLink: import("vue").DefineComponent<import("vue").ExtractPropT
   before?: (config: AutoLinkConfig) => VNode | VNode[] | null;
   after?: (config: AutoLinkConfig) => VNode | VNode[] | null;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-//#endregion
-//#region src/components/ClientOnly.d.ts
 /**
  * Wrapper component that only renders its content on the client side and skips server side rendering
  *
@@ -68,15 +63,13 @@ declare const AutoLink: import("vue").DefineComponent<import("vue").ExtractPropT
  *
  * @see https://blog.vuejs.org/posts/vue-3-5#data-allow-mismatch
  */
-declare const ClientOnly: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare const ClientOnly: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>[] | null | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-//#endregion
-//#region src/components/Content.d.ts
 /**
  * Markdown rendered content
  */
-declare const Content: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Content: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   path: {
     type: StringConstructor;
     required: false;
@@ -93,9 +86,7 @@ declare const Content: import("vue").DefineComponent<import("vue").ExtractPropTy
 }>> & Readonly<{}>, {
   path: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-//#endregion
-//#region src/components/RouteLink.d.ts
-interface RouteLinkProps {
+export interface RouteLinkProps {
   /**
    * Whether the link is active to have an active class
    *
@@ -122,7 +113,7 @@ interface RouteLinkProps {
  *
  * It's recommended to use `RouteLink` in VuePress.
  */
-declare const RouteLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const RouteLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /**
    * The route path to link to
    */
@@ -172,61 +163,53 @@ declare const RouteLink: import("vue").DefineComponent<import("vue").ExtractProp
 }, SlotsType<{
   default: () => (VNode | string)[] | VNode | string;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-//#endregion
-//#region src/composables/clientData.d.ts
 /**
  * The problem only occurs during hot updates in the development environment,
  * It only needs to be processed in the development environment.
  * (see vuepress/core#1715)
  */
-declare const clientDataSymbol: InjectionKey<ClientData>;
+export declare const clientDataSymbol: InjectionKey<ClientData>;
 /**
  * Returns client data
  */
-declare const useClientData: <Frontmatter extends Record<string, unknown> = Record<string, unknown>, Data extends Record<string, unknown> = Record<string, unknown>>() => ClientData<Frontmatter, Data>;
-//#endregion
-//#region src/composables/clientDataUtils.d.ts
-declare const useLayouts: () => LayoutsRef;
-declare const usePageComponent: () => PageComponentRef;
-declare const usePageData: <T extends Record<string, unknown> = Record<string, unknown>>() => PageDataRef<T>;
-declare const usePageFrontmatter: <T extends Record<string, unknown> = Record<string, unknown>>() => PageFrontmatterRef<T>;
-declare const usePageHead: () => PageHeadRef;
-declare const usePageLang: () => PageLangRef;
-declare const usePageLayout: () => PageLayoutRef;
-declare const useRedirects: () => RedirectsRef;
-declare const useRouteLocale: () => RouteLocaleRef;
-declare const useRoutePath: () => RoutePathRef;
-declare const useRoutes: () => RoutesRef;
-declare const useSiteData: () => SiteDataRef;
-declare const useSiteLocaleData: () => SiteLocaleDataRef;
-declare const useData: <Frontmatter extends Record<string, unknown> = Record<string, unknown>, Data extends Record<string, unknown> = Record<string, unknown>>() => ClientData<Frontmatter, Data>;
-declare const useFrontmatter: <T extends Record<string, unknown> = Record<string, unknown>>() => PageFrontmatterRef<T>;
-declare const useHead: () => PageHeadRef;
-declare const useLang: () => PageLangRef;
-declare const usePage: <T extends Record<string, unknown> = Record<string, unknown>>() => PageDataRef<T>;
-declare const useSite: () => SiteDataRef;
-declare const useSiteLocale: () => SiteLocaleDataRef;
-//#endregion
-//#region src/composables/onContentUpdated.d.ts
+export declare const useClientData: <Frontmatter extends Record<string, unknown> = Record<string, unknown>, Data extends Record<string, unknown> = Record<string, unknown>>() => ClientData<Frontmatter, Data>;
+export declare const useLayouts: () => LayoutsRef;
+export declare const usePageComponent: () => PageComponentRef;
+export declare const usePageData: <T extends Record<string, unknown> = Record<string, unknown>>() => PageDataRef<T>;
+export declare const usePageFrontmatter: <T extends Record<string, unknown> = Record<string, unknown>>() => PageFrontmatterRef<T>;
+export declare const usePageHead: () => PageHeadRef;
+export declare const usePageLang: () => PageLangRef;
+export declare const usePageLayout: () => PageLayoutRef;
+export declare const useRedirects: () => RedirectsRef;
+export declare const useRouteLocale: () => RouteLocaleRef;
+export declare const useRoutePath: () => RoutePathRef;
+export declare const useRoutes: () => RoutesRef;
+export declare const useSiteData: () => SiteDataRef;
+export declare const useSiteLocaleData: () => SiteLocaleDataRef;
+export declare const useData: typeof useClientData;
+export declare const useFrontmatter: typeof usePageFrontmatter;
+export declare const useHead: typeof usePageHead;
+export declare const useLang: typeof usePageLang;
+export declare const usePage: typeof usePageData;
+export declare const useSite: typeof useSiteData;
+export declare const useSiteLocale: typeof useSiteLocaleData;
 /**
  * Register callback that is called every time the markdown content is updated
  * in the DOM.
  */
-declare const onContentUpdated: (fn: ContentUpdatedCallback) => void;
-//#endregion
-//#region src/composables/updateHead.d.ts
+export declare const onContentUpdated: (fn: ContentUpdatedCallback) => void;
 /**
  * A util function to force update `<head>` of current page
  */
-type UpdateHead = () => void;
+export type UpdateHead = () => void;
 /**
  * Injection key for `updateHead` util
  */
-declare const updateHeadSymbol: InjectionKey<UpdateHead>;
+export declare const updateHeadSymbol: InjectionKey<UpdateHead>;
 /**
  * Returns the `updateHead` util
  */
-declare const useUpdateHead: () => UpdateHead;
+export declare const useUpdateHead: () => UpdateHead;
 declare namespace constants_d_exports {
   export { COMPONENT_STATE_TYPE, INSPECTOR_ID, INSPECTOR_LABEL, INSPECTOR_NODES, INSPECTOR_STATE_SECTION_NAME, PLUGIN_ID, PLUGIN_LABEL };
 }
@@ -237,51 +220,43 @@ declare const INSPECTOR_ID = "org.vuejs.vuepress";
 declare const INSPECTOR_LABEL = "VuePress";
 declare const INSPECTOR_NODES: {
   INTERNAL: {
-    readonly id: "INTERNAL";
-    readonly label: "Internal";
+    readonly id: 'INTERNAL';
+    readonly label: 'Internal';
     readonly keys: ["layouts", "routes", "redirects"];
   };
   SITE: {
-    readonly id: "SITE";
-    readonly label: "Site";
+    readonly id: 'SITE';
+    readonly label: 'Site';
     readonly keys: ["siteData", "siteLocaleData"];
   };
   ROUTE: {
-    readonly id: "ROUTE";
-    readonly label: "Route";
+    readonly id: 'ROUTE';
+    readonly label: 'Route';
     readonly keys: ["routePath", "routeLocale"];
   };
   PAGE: {
-    readonly id: "PAGE";
-    readonly label: "Page";
+    readonly id: 'PAGE';
+    readonly label: 'Page';
     readonly keys: ["pageData", "pageFrontmatter", "pageLang", "pageHead", "pageHeadTitle", "pageLayout", "pageComponent"];
   };
 };
 declare const INSPECTOR_STATE_SECTION_NAME = "State";
-//#endregion
-//#region src/router/resolveRoute.d.ts
-interface ResolvedRoute<T extends RouteMeta = RouteMeta> extends Route<T> {
+export interface ResolvedRoute<T extends RouteMeta = RouteMeta> extends Route<T> {
   path: string;
   notFound: boolean;
 }
 /**
  * Resolve route with given path
  */
-declare const resolveRoute: <T extends RouteMeta = RouteMeta>(path: string, currentPath?: string) => ResolvedRoute<T>;
-//#endregion
-//#region src/router/resolveRouteFullPath.d.ts
+export declare const resolveRoute: <T extends RouteMeta = RouteMeta>(path: string, currentPath?: string) => ResolvedRoute<T>;
 /**
  * Resolve route full path with given raw path
  */
-declare const resolveRouteFullPath: (path: string, currentPath?: string) => string;
-//#endregion
-//#region src/router/resolveRoutePath.d.ts
+export declare const resolveRouteFullPath: (path: string, currentPath?: string) => string;
 /**
  * Resolve route path with given raw path
  */
-declare const resolveRoutePath: (pathname: string, currentPath?: string) => string;
-//#endregion
-//#region src/resolvers.d.ts
+export declare const resolveRoutePath: (pathname: string, currentPath?: string) => string;
 /**
  * Resolver methods to get global computed
  *
@@ -289,26 +264,21 @@ declare const resolveRoutePath: (pathname: string, currentPath?: string) => stri
  *
  * @experimental - This is an experimental API and may be changed in minor versions
  */
-declare const resolvers: {
+export declare const resolvers: {
   resolveLayouts: (clientConfigs: ClientConfig[]) => Layouts;
   resolvePageHead: (pageHeadTitle: PageHeadTitle, pageFrontmatter: PageFrontmatter, siteLocaleDate: SiteLocaleData) => PageHead;
   resolvePageHeadTitle: (pageData: PageData, siteLocaleDate: SiteLocaleData) => PageHeadTitle;
   resolvePageLang: (pageData: PageData, siteLocaleData: SiteLocaleData) => PageLang;
   resolvePageLayout: (pageData: PageData, layouts: Layouts) => PageLayout;
-  resolveRouteLocale: (locales: SiteData["locales"], routePath: string) => RouteLocale;
+  resolveRouteLocale: (locales: SiteData['locales'], routePath: string) => RouteLocale;
   resolveSiteLocaleData: ({ base, locales, ...siteData }: SiteData, routeLocale: RouteLocale) => SiteLocaleData;
 };
-//#endregion
-//#region src/utils/defineClientConfig.d.ts
 /**
  * A helper function to help you define vuepress client config file
  */
-declare const defineClientConfig: (clientConfig?: ClientConfig) => ClientConfig;
-//#endregion
-//#region src/utils/withBase.d.ts
+export declare const defineClientConfig: (clientConfig?: ClientConfig) => ClientConfig;
 /**
  * Prefix url with site base
  */
-declare const withBase: (url: string) => string;
-//#endregion
-export { AutoLink, AutoLinkConfig, type ClientConfig, type ClientData, ClientOnly, Content, type ContentUpdatedCallback, type ContentUpdatedReason, type CreateVueAppFunction, constants_d_exports as DEVTOOLS, type HeadConfig, type Layouts, type LayoutsRef, type PageChunk, type PageComponent, type PageComponentRef, type PageData, type PageDataRef, type PageFrontmatter, type PageFrontmatterRef, type PageHead, type PageHeadRef, type PageHeadTitle, type PageHeadTitleRef, type PageHeader, type PageLang, type PageLangRef, type PageLayout, type PageLayoutRef, type Redirects, type RedirectsRef, ResolvedRoute, type Route, RouteLink, RouteLinkProps, type RouteLocale, type RouteLocaleRef, type RouteLocationNormalizedLoaded, type RouteMeta, type RoutePath, type RoutePathRef, type Router, type Routes, type RoutesRef, type SiteData, type SiteDataRef, type SiteLocaleData, type SiteLocaleDataRef, UpdateHead, clientDataSymbol, defineClientConfig, onContentUpdated, resolveRoute, resolveRouteFullPath, resolveRoutePath, resolvers, updateHeadSymbol, useClientData, useData, useFrontmatter, useHead, useLang, useLayouts, usePage, usePageComponent, usePageData, usePageFrontmatter, usePageHead, usePageLang, usePageLayout, useRedirects, useRoute, useRouteLocale, useRoutePath, useRouter, useRoutes, useSite, useSiteData, useSiteLocale, useSiteLocaleData, useUpdateHead, withBase };
+export declare const withBase: (url: string) => string;
+export { type ClientConfig, type ClientData, type ContentUpdatedCallback, type ContentUpdatedReason, type CreateVueAppFunction, constants_d_exports as DEVTOOLS, type HeadConfig, type Layouts, type LayoutsRef, type PageChunk, type PageComponent, type PageComponentRef, type PageData, type PageDataRef, type PageFrontmatter, type PageFrontmatterRef, type PageHead, type PageHeadRef, type PageHeadTitle, type PageHeadTitleRef, type PageHeader, type PageLang, type PageLangRef, type PageLayout, type PageLayoutRef, type Redirects, type RedirectsRef, type Route, type RouteLocale, type RouteLocaleRef, type RouteLocationNormalizedLoaded, type RouteMeta, type RoutePath, type RoutePathRef, type Router, type Routes, type RoutesRef, type SiteData, type SiteDataRef, type SiteLocaleData, type SiteLocaleDataRef, useRoute, useRouter };

package/dist/index.js

@@ -1,9 +1,8 @@
-import { A as useRouteLocale, C as usePageComponent, D as usePageLang, E as usePageHead, F as useSiteLocale, I as useSiteLocaleData, L as clientDataSymbol, M as useRoutes, N as useSite, O as usePageLayout, P as useSiteData, R as useClientData, S as usePage, T as usePageFrontmatter, _ as useData, a as AutoLink, b as useLang, c as useRouter, d as resolveRoutePath, g as onContentUpdated, h as useUpdateHead, i as ClientOnly, j as useRoutePath, k as useRedirects, l as resolveRouteFullPath, m as updateHeadSymbol, n as resolvers, o as RouteLink, r as Content, s as useRoute, t as withBase, u as resolveRoute, v as useFrontmatter, w as usePageData, x as useLayouts, y as useHead } from "./utils-jFeCv-dX.js";
-import { c as constants_exports } from "./constants-CWVu3aBh.js";
-//#region src/utils/defineClientConfig.ts
+import { A as useRouteLocale, C as usePageComponent, D as usePageLang, E as usePageHead, F as useSiteLocale, I as useSiteLocaleData, L as clientDataSymbol, M as useRoutes, N as useSite, O as usePageLayout, P as useSiteData, R as useClientData, S as usePage, T as usePageFrontmatter, _ as useData, a as AutoLink, b as useLang, c as useRouter, d as resolveRoutePath, g as onContentUpdated, h as useUpdateHead, i as ClientOnly, j as useRoutePath, k as useRedirects, l as resolveRouteFullPath, m as updateHeadSymbol, n as resolvers, o as RouteLink, r as Content, s as useRoute, t as withBase, u as resolveRoute, v as useFrontmatter, w as usePageData, x as useLayouts, y as useHead } from "./utils-B71L9rqN.js";
+import { c as constants_exports } from "./constants-KnoIK7Ob.js";
+// src/utils/defineClientConfig.ts
 /**
 * A helper function to help you define vuepress client config file
 */
 const defineClientConfig = (clientConfig = {}) => clientConfig;
-//#endregion
 export { AutoLink, ClientOnly, Content, constants_exports as DEVTOOLS, RouteLink, clientDataSymbol, defineClientConfig, onContentUpdated, resolveRoute, resolveRouteFullPath, resolveRoutePath, resolvers, updateHeadSymbol, useClientData, useData, useFrontmatter, useHead, useLang, useLayouts, usePage, usePageComponent, usePageData, usePageFrontmatter, usePageHead, usePageLang, usePageLayout, useRedirects, useRoute, useRouteLocale, useRoutePath, useRouter, useRoutes, useSite, useSiteData, useSiteLocale, useSiteLocaleData, useUpdateHead, withBase };

package/dist/rolldown-runtime-D3KUYPsf.js

@@ -0,0 +1,12 @@
+// \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, flags) => {
+	let target = Object.setPrototypeOf({}, null);
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!(flags & 1)) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return flags & 2 ? target : Object.preventExtensions(target);
+};
+export { __exportAll as t };

package/dist/{setupDevtools-DJemw8CK.js → setupDevtools-5p-_XGbk.js}

@@ -1,7 +1,7 @@
-import { a as INSPECTOR_STATE_SECTION_NAME, i as INSPECTOR_NODES, n as INSPECTOR_ID, o as PLUGIN_ID, r as INSPECTOR_LABEL, s as PLUGIN_LABEL, t as COMPONENT_STATE_TYPE } from "./constants-CWVu3aBh.js";
+import { a as INSPECTOR_STATE_SECTION_NAME, i as INSPECTOR_NODES, n as INSPECTOR_ID, o as PLUGIN_ID, r as INSPECTOR_LABEL, s as PLUGIN_LABEL, t as COMPONENT_STATE_TYPE } from "./constants-KnoIK7Ob.js";
 import { watch } from "vue";
 import { setupDevtoolsPlugin } from "@vue/devtools-api";
-//#region src/devtools/setupDevtools.ts
+// src/devtools/setupDevtools.ts
 const setupDevtools = (app, clientData) => {
 	setupDevtoolsPlugin({
 		app,
@@ -60,5 +60,4 @@ const setupDevtools = (app, clientData) => {
 		});
 	});
 };
-//#endregion
 export { setupDevtools };

package/dist/{utils-jFeCv-dX.js → utils-B71L9rqN.js}

@@ -1,8 +1,8 @@
 import { computed, defineAsyncComponent, defineComponent, h, inject, onMounted, onUnmounted, reactive, ref, shallowRef, toRef } from "vue";
-import { dedupeHead, isLinkHttp, isLinkWithProtocol, isString, normalizeRoutePath, removeLeadingSlash, resolveLocalePath, splitPath } from "@vuepress/shared";
 import { useRoute, useRoute as useRoute$1, useRouter, useRouter as useRouter$1 } from "vue-router";
-import { redirects, routes } from "@internal/routes";
-//#region src/composables/clientData.ts
+import { dedupeHead, isLinkHttp, isLinkWithProtocol, isString, normalizeRoutePath, removeLeadingSlash, resolveLocalePath, splitPath } from "@vuepress/shared";
+import { redirects as redirects$1, routes as routes$1 } from "@internal/routes";
+// src/composables/clientData.ts
 const CLIENT_DATA_SYMBOL_GLOBAL_KEY = "__VUEPRESS_CLIENT_DATA_SYMBOL__";
 /**
 * Injection key for client data
@@ -31,8 +31,7 @@ const useClientData = () => {
 	if (!clientData) throw new Error("useClientData() is called without provider.");
 	return clientData;
 };
-//#endregion
-//#region src/composables/clientDataUtils.ts
+// src/composables/clientDataUtils.ts
 const useLayouts = () => useClientData().layouts;
 const usePageComponent = () => useClientData().pageComponent;
 const usePageData = () => useClientData().pageData;
@@ -53,26 +52,24 @@ const useLang = usePageLang;
 const usePage = usePageData;
 const useSite = useSiteData;
 const useSiteLocale = useSiteLocaleData;
-//#endregion
-//#region src/internal/contentUpdatedCallbacks.ts
+// src/internal/contentUpdatedCallbacks.ts
 /**
 * Global content updated callbacks
 */
 const contentUpdatedCallbacks = /* @__PURE__ */ new Set();
-//#endregion
-//#region src/composables/onContentUpdated.ts
+// src/composables/onContentUpdated.ts
 /**
 * Register callback that is called every time the markdown content is updated
 * in the DOM.
 */
 const onContentUpdated = (fn) => {
+	if (__VUEPRESS_SSR__) return;
 	contentUpdatedCallbacks.add(fn);
 	onUnmounted(() => {
 		contentUpdatedCallbacks.delete(fn);
 	});
 };
-//#endregion
-//#region src/composables/updateHead.ts
+// src/composables/updateHead.ts
 /**
 * Injection key for `updateHead` util
 */
@@ -85,40 +82,37 @@ const useUpdateHead = () => {
 	if (!updateHead) throw new Error("useUpdateHead() is called without provider.");
 	return updateHead;
 };
-//#endregion
-//#region src/internal/routes.ts
+// src/internal/routes.ts
 /**
 * Global redirects ref
 */
-const redirects$1 = shallowRef(redirects);
+const redirects = shallowRef(redirects$1);
 /**
 * Global routes ref
 */
-const routes$1 = shallowRef(routes);
+const routes = shallowRef(routes$1);
 if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) {
 	__VUE_HMR_RUNTIME__.updateRedirects = (data) => {
-		redirects$1.value = data;
+		redirects.value = data;
 	};
 	__VUE_HMR_RUNTIME__.updateRoutes = (data) => {
-		routes$1.value = data;
+		routes.value = data;
 	};
 }
-//#endregion
-//#region src/router/resolveRoutePath.ts
+// src/router/resolveRoutePath.ts
 /**
 * Resolve route path with given raw path
 */
 const resolveRoutePath = (pathname, currentPath) => {
 	const normalizedRoutePath = normalizeRoutePath(pathname, currentPath);
-	if (routes$1.value[normalizedRoutePath]) return normalizedRoutePath;
+	if (routes.value[normalizedRoutePath]) return normalizedRoutePath;
 	const encodedRoutePath = encodeURI(normalizedRoutePath);
-	if (routes$1.value[encodedRoutePath]) return encodedRoutePath;
-	const redirectedRoutePath = redirects$1.value[normalizedRoutePath] || redirects$1.value[encodedRoutePath];
+	if (routes.value[encodedRoutePath]) return encodedRoutePath;
+	const redirectedRoutePath = redirects.value[normalizedRoutePath] || redirects.value[encodedRoutePath];
 	if (redirectedRoutePath) return redirectedRoutePath;
 	return normalizedRoutePath;
 };
-//#endregion
-//#region src/router/resolveRoute.ts
+// src/router/resolveRoute.ts
 /**
 * Resolve route with given path
 */
@@ -126,19 +120,18 @@ const resolveRoute = (path, currentPath) => {
 	const { pathname, hashAndQueries } = splitPath(path);
 	const routePath = resolveRoutePath(pathname, currentPath);
 	const routeFullPath = routePath + hashAndQueries;
-	if (!routes$1.value[routePath]) return {
-		...routes$1.value["/404.html"],
+	if (!routes.value[routePath]) return {
+		...routes.value["/404.html"],
 		path: routeFullPath,
 		notFound: true
 	};
 	return {
-		...routes$1.value[routePath],
+		...routes.value[routePath],
 		path: routeFullPath,
 		notFound: false
 	};
 };
-//#endregion
-//#region src/router/resolveRouteFullPath.ts
+// src/router/resolveRouteFullPath.ts
 /**
 * Resolve route full path with given raw path
 */
@@ -146,8 +139,7 @@ const resolveRouteFullPath = (path, currentPath) => {
 	const { pathname, hashAndQueries } = splitPath(path);
 	return resolveRoutePath(pathname, currentPath) + hashAndQueries;
 };
-//#endregion
-//#region src/components/RouteLink.ts
+// src/components/RouteLink.ts
 /**
 * Forked from https://github.com/vuejs/router/blob/941b2131e80550009e5221d4db9f366b1fea3fd5/packages/router/src/RouterLink.ts#L293
 */
@@ -194,20 +186,19 @@ const RouteLink = defineComponent({
 	},
 	slots: Object,
 	setup(props, { slots }) {
-		const router = useRouter();
-		const route = useRoute();
+		const router = useRouter$1();
+		const route = useRoute$1();
 		const path = computed(() => props.to.startsWith("#") || props.to.startsWith("?") ? props.to : `${__VUEPRESS_BASE__}${resolveRouteFullPath(props.to, route.path).substring(1)}`);
 		return () => h("a", {
 			class: ["route-link", { [props.activeClass]: props.active }],
 			href: path.value,
 			onClick: (event = {}) => {
-				if (guardEvent(event)) router.push(props.to).catch();
+				if (guardEvent(event)) router.push(props.to).catch(() => {});
 			}
 		}, slots.default());
 	}
 });
-//#endregion
-//#region src/components/AutoLink.ts
+// src/components/AutoLink.ts
 /**
 * Component to render a link automatically according to the link type
 *
@@ -223,7 +214,7 @@ const AutoLink = defineComponent({
 	slots: Object,
 	setup(props, { slots }) {
 		const config = toRef(props, "config");
-		const route = useRoute();
+		const route = useRoute$1();
 		const siteData = useSiteData();
 		const withProtocol = computed(() => isLinkWithProtocol(config.value.link));
 		const linkTarget = computed(() => config.value.target || (withProtocol.value ? "_blank" : void 0));
@@ -264,8 +255,7 @@ const AutoLink = defineComponent({
 		};
 	}
 });
-//#endregion
-//#region src/components/ClientOnly.ts
+// src/components/ClientOnly.ts
 /**
 * Wrapper component that only renders its content on the client side and skips server side rendering
 *
@@ -283,8 +273,7 @@ const ClientOnly = defineComponent({
 		return () => isMounted.value ? ctx.slots.default?.() : null;
 	}
 });
-//#endregion
-//#region src/components/Content.ts
+// src/components/Content.ts
 /**
 * Execute all callbacks registered via `onContentUpdated`.
 *
@@ -323,14 +312,12 @@ const Content = defineComponent({
 		});
 	}
 });
-//#endregion
-//#region src/constants.ts
+// src/constants.ts
 /**
 * Name of the default layout
 */
 const LAYOUT_NAME_DEFAULT = "Layout";
-//#endregion
-//#region src/resolvers.ts
+// src/resolvers.ts
 /**
 * Resolver methods to get global computed
 *
@@ -353,7 +340,7 @@ const resolvers = reactive({
 	*/
 	resolvePageHead: (pageHeadTitle, pageFrontmatter, siteLocaleDate) => {
 		const description = isString(pageFrontmatter.description) ? pageFrontmatter.description : siteLocaleDate.description;
-		return dedupeHead([
+		const head = [
 			...Array.isArray(pageFrontmatter.head) ? pageFrontmatter.head : [],
 			...siteLocaleDate.head,
 			[
@@ -365,7 +352,8 @@ const resolvers = reactive({
 				name: "description",
 				content: description
 			}]
-		]);
+		];
+		return dedupeHead(head);
 	},
 	/**
 	* Resolve the content of page head title
@@ -402,8 +390,7 @@ const resolvers = reactive({
 		head: [...locales[routeLocale]?.head ?? [], ...siteData.head]
 	})
 });
-//#endregion
-//#region src/utils/withBase.ts
+// src/utils/withBase.ts
 /**
 * Prefix url with site base
 */
@@ -411,5 +398,4 @@ const withBase = (url) => {
 	if (isLinkHttp(url)) return url;
 	return `${__VUEPRESS_BASE__}${removeLeadingSlash(url)}`;
 };
-//#endregion
-export { useRouteLocale as A, usePageComponent as C, usePageLang as D, usePageHead as E, useSiteLocale as F, useSiteLocaleData as I, clientDataSymbol as L, useRoutes as M, useSite as N, usePageLayout as O, useSiteData as P, useClientData as R, usePage as S, usePageFrontmatter as T, useData as _, AutoLink as a, useLang as b, useRouter$1 as c, resolveRoutePath as d, redirects$1 as f, onContentUpdated as g, useUpdateHead as h, ClientOnly as i, useRoutePath as j, useRedirects as k, resolveRouteFullPath as l, updateHeadSymbol as m, resolvers as n, RouteLink as o, routes$1 as p, Content as r, useRoute$1 as s, withBase as t, resolveRoute as u, useFrontmatter as v, usePageData as w, useLayouts as x, useHead as y };
+export { useRouteLocale as A, usePageComponent as C, usePageLang as D, usePageHead as E, useSiteLocale as F, useSiteLocaleData as I, clientDataSymbol as L, useRoutes as M, useSite as N, usePageLayout as O, useSiteData as P, useClientData as R, usePage as S, usePageFrontmatter as T, useData as _, AutoLink as a, useLang as b, useRouter as c, resolveRoutePath as d, redirects as f, onContentUpdated as g, useUpdateHead as h, ClientOnly as i, useRoutePath as j, useRedirects as k, resolveRouteFullPath as l, updateHeadSymbol as m, resolvers as n, RouteLink as o, routes as p, Content as r, useRoute as s, withBase as t, resolveRoute as u, useFrontmatter as v, usePageData as w, useLayouts as x, useHead as y };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuepress/client",
-  "version": "2.0.0-rc.31",
+  "version": "2.0.0-rc.32",
   "description": "Client package of VuePress",
   "keywords": [
     "client",
@@ -36,11 +36,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@vue/devtools-api": "^8.1.5",
-    "@vue/devtools-kit": "^8.1.5",
-    "vue": "^3.5.40",
-    "vue-router": "^5.2.0",
-    "@vuepress/shared": "2.0.0-rc.31"
+    "@vue/devtools-api": "^8.2.1",
+    "@vue/devtools-kit": "^8.2.1",
+    "@vuepress/shared": "2.0.0-rc.32",
+    "vue": "^3.5.45",
+    "vue-router": "^5.4.0"
   },
   "tsdown": {
     "deps": {

package/types.d.ts

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/naming-convention, no-underscore-dangle */
+/* oxlint-disable no-redeclare,no-underscore-dangle */
 declare const __VUEPRESS_VERSION__: string
 declare const __VUEPRESS_BASE__: string
 declare const __VUEPRESS_DEV__: boolean

package/dist/rolldown-runtime-D7D4PA-g.js

@@ -1,13 +0,0 @@
-//#region \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-//#endregion
-export { __exportAll as t };