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

package/dist/index.js

@@ -1,72 +1,9 @@
-import {
-  ClientOnly,
-  Content,
-  VPLink,
-  defineClientConfig,
-  layoutsSymbol,
-  pageDataSymbol,
-  pageFrontmatterSymbol,
-  pageHeadSymbol,
-  pageHeadTitleSymbol,
-  pageLangSymbol,
-  pageLayoutSymbol,
-  redirects,
-  resolveRoute,
-  resolveRoutePath,
-  resolvers,
-  routeLocaleSymbol,
-  routes,
-  siteData,
-  siteLocaleDataSymbol,
-  updateHeadSymbol,
-  useLayouts,
-  usePageData,
-  usePageFrontmatter,
-  usePageHead,
-  usePageHeadTitle,
-  usePageLang,
-  usePageLayout,
-  useRedirects,
-  useRouteLocale,
-  useRoutes,
-  useSiteData,
-  useSiteLocaleData,
-  useUpdateHead,
-  withBase
-} from "./chunk-2SMBJWK6.js";
-export {
-  ClientOnly,
-  Content,
-  VPLink,
-  defineClientConfig,
-  layoutsSymbol,
-  pageDataSymbol,
-  pageFrontmatterSymbol,
-  pageHeadSymbol,
-  pageHeadTitleSymbol,
-  pageLangSymbol,
-  pageLayoutSymbol,
-  redirects,
-  resolveRoute,
-  resolveRoutePath,
-  resolvers,
-  routeLocaleSymbol,
-  routes,
-  siteData,
-  siteLocaleDataSymbol,
-  updateHeadSymbol,
-  useLayouts,
-  usePageData,
-  usePageFrontmatter,
-  usePageHead,
-  usePageHeadTitle,
-  usePageLang,
-  usePageLayout,
-  useRedirects,
-  useRouteLocale,
-  useRoutes,
-  useSiteData,
-  useSiteLocaleData,
-  useUpdateHead,
-  withBase
-};
+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
+/**
+* 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-D7D4PA-g.js

@@ -0,0 +1,13 @@
+//#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 };

package/dist/setupDevtools-DJemw8CK.js

@@ -0,0 +1,64 @@
+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 { watch } from "vue";
+import { setupDevtoolsPlugin } from "@vue/devtools-api";
+//#region src/devtools/setupDevtools.ts
+const setupDevtools = (app, clientData) => {
+	setupDevtoolsPlugin({
+		app,
+		id: PLUGIN_ID,
+		label: PLUGIN_LABEL,
+		packageName: "@vuepress/client",
+		homepage: "https://vuepress.vuejs.org",
+		logo: "https://vuepress.vuejs.org/images/hero.png",
+		componentStateTypes: [COMPONENT_STATE_TYPE]
+	}, (api) => {
+		const clientDataEntries = Object.entries(clientData);
+		const clientDataKeys = Object.keys(clientData);
+		const clientDataValues = Object.values(clientData);
+		api.on.inspectComponent((payload) => {
+			payload.instanceData.state.push(...clientDataEntries.map(([name, item]) => ({
+				type: COMPONENT_STATE_TYPE,
+				editable: false,
+				key: name,
+				value: item.value
+			})));
+		});
+		api.addInspector({
+			id: INSPECTOR_ID,
+			label: INSPECTOR_LABEL,
+			icon: "article"
+		});
+		api.on.getInspectorTree((payload) => {
+			if (payload.inspectorId !== "org.vuejs.vuepress") return;
+			payload.rootNodes = Object.values(INSPECTOR_NODES).map((node) => ({
+				id: node.id,
+				label: node.label,
+				children: node.keys.map((key) => ({
+					id: key,
+					label: key
+				}))
+			}));
+		});
+		api.on.getInspectorState((payload) => {
+			if (payload.inspectorId !== "org.vuejs.vuepress") return;
+			const inspectorNode = INSPECTOR_NODES[payload.nodeId];
+			if (inspectorNode) {
+				payload.state = { [inspectorNode.label]: inspectorNode.keys.map((key) => ({
+					key,
+					value: clientData[key].value
+				})) };
+				return;
+			}
+			if (clientDataKeys.includes(payload.nodeId)) payload.state = { [INSPECTOR_STATE_SECTION_NAME]: [{
+				key: payload.nodeId,
+				value: clientData[payload.nodeId].value
+			}] };
+		});
+		watch(clientDataValues, () => {
+			api.notifyComponentUpdate();
+			api.sendInspectorState(INSPECTOR_ID);
+		});
+	});
+};
+//#endregion
+export { setupDevtools };

package/dist/utils-jFeCv-dX.js

@@ -0,0 +1,415 @@
+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
+const CLIENT_DATA_SYMBOL_GLOBAL_KEY = "__VUEPRESS_CLIENT_DATA_SYMBOL__";
+/**
+* Injection key for client data
+*
+* Use a global Symbol to keep the same reference across module reloads.
+* This is required for HMR in dev mode: when a markdown page with local
+* components is edited, the main module (and its transitive deps that host
+* this symbol) may be re-executed by Vite, which would otherwise create a
+* new Symbol instance and break `inject` (see vuepress/core#1715).
+*/
+const resolveClientDataSymbol = () => {
+	globalThis[CLIENT_DATA_SYMBOL_GLOBAL_KEY] ??= Symbol("clientData");
+	return globalThis[CLIENT_DATA_SYMBOL_GLOBAL_KEY];
+};
+/**
+* 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)
+*/
+const clientDataSymbol = __VUEPRESS_DEV__ ? resolveClientDataSymbol() : Symbol("");
+/**
+* Returns client data
+*/
+const useClientData = () => {
+	const clientData = inject(clientDataSymbol);
+	if (!clientData) throw new Error("useClientData() is called without provider.");
+	return clientData;
+};
+//#endregion
+//#region src/composables/clientDataUtils.ts
+const useLayouts = () => useClientData().layouts;
+const usePageComponent = () => useClientData().pageComponent;
+const usePageData = () => useClientData().pageData;
+const usePageFrontmatter = () => useClientData().pageFrontmatter;
+const usePageHead = () => useClientData().pageHead;
+const usePageLang = () => useClientData().pageLang;
+const usePageLayout = () => useClientData().pageLayout;
+const useRedirects = () => useClientData().redirects;
+const useRouteLocale = () => useClientData().routeLocale;
+const useRoutePath = () => useClientData().routePath;
+const useRoutes = () => useClientData().routes;
+const useSiteData = () => useClientData().siteData;
+const useSiteLocaleData = () => useClientData().siteLocaleData;
+const useData = useClientData;
+const useFrontmatter = usePageFrontmatter;
+const useHead = usePageHead;
+const useLang = usePageLang;
+const usePage = usePageData;
+const useSite = useSiteData;
+const useSiteLocale = useSiteLocaleData;
+//#endregion
+//#region src/internal/contentUpdatedCallbacks.ts
+/**
+* Global content updated callbacks
+*/
+const contentUpdatedCallbacks = /* @__PURE__ */ new Set();
+//#endregion
+//#region src/composables/onContentUpdated.ts
+/**
+* Register callback that is called every time the markdown content is updated
+* in the DOM.
+*/
+const onContentUpdated = (fn) => {
+	contentUpdatedCallbacks.add(fn);
+	onUnmounted(() => {
+		contentUpdatedCallbacks.delete(fn);
+	});
+};
+//#endregion
+//#region src/composables/updateHead.ts
+/**
+* Injection key for `updateHead` util
+*/
+const updateHeadSymbol = Symbol(__VUEPRESS_DEV__ ? "updateHead" : "");
+/**
+* Returns the `updateHead` util
+*/
+const useUpdateHead = () => {
+	const updateHead = inject(updateHeadSymbol);
+	if (!updateHead) throw new Error("useUpdateHead() is called without provider.");
+	return updateHead;
+};
+//#endregion
+//#region src/internal/routes.ts
+/**
+* Global redirects ref
+*/
+const redirects$1 = shallowRef(redirects);
+/**
+* Global routes ref
+*/
+const routes$1 = shallowRef(routes);
+if (__VUEPRESS_DEV__ && (import.meta.webpackHot || import.meta.hot)) {
+	__VUE_HMR_RUNTIME__.updateRedirects = (data) => {
+		redirects$1.value = data;
+	};
+	__VUE_HMR_RUNTIME__.updateRoutes = (data) => {
+		routes$1.value = data;
+	};
+}
+//#endregion
+//#region 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;
+	const encodedRoutePath = encodeURI(normalizedRoutePath);
+	if (routes$1.value[encodedRoutePath]) return encodedRoutePath;
+	const redirectedRoutePath = redirects$1.value[normalizedRoutePath] || redirects$1.value[encodedRoutePath];
+	if (redirectedRoutePath) return redirectedRoutePath;
+	return normalizedRoutePath;
+};
+//#endregion
+//#region src/router/resolveRoute.ts
+/**
+* Resolve route with given path
+*/
+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"],
+		path: routeFullPath,
+		notFound: true
+	};
+	return {
+		...routes$1.value[routePath],
+		path: routeFullPath,
+		notFound: false
+	};
+};
+//#endregion
+//#region src/router/resolveRouteFullPath.ts
+/**
+* Resolve route full path with given raw path
+*/
+const resolveRouteFullPath = (path, currentPath) => {
+	const { pathname, hashAndQueries } = splitPath(path);
+	return resolveRoutePath(pathname, currentPath) + hashAndQueries;
+};
+//#endregion
+//#region src/components/RouteLink.ts
+/**
+* Forked from https://github.com/vuejs/router/blob/941b2131e80550009e5221d4db9f366b1fea3fd5/packages/router/src/RouterLink.ts#L293
+*/
+const guardEvent = (event) => {
+	if (event.metaKey || event.altKey || event.ctrlKey || event.shiftKey) return;
+	if (event.defaultPrevented) return;
+	if (event.button !== void 0 && event.button !== 0) return;
+	if (event.currentTarget) {
+		if (event.currentTarget.getAttribute("target")?.match(/\b_blank\b/i)) return;
+	}
+	event.preventDefault();
+	return true;
+};
+/**
+* Component to render a link to another route.
+*
+* It's similar to `RouterLink` in `vue-router`, but more lightweight.
+*
+* It's recommended to use `RouteLink` in VuePress.
+*/
+const RouteLink = defineComponent({
+	name: "RouteLink",
+	props: {
+		/**
+		* The route path to link to
+		*/
+		to: {
+			type: String,
+			required: true
+		},
+		/**
+		* Whether the link is active to have an active class
+		*
+		* Notice that the active status is not automatically determined according to the current route.
+		*/
+		active: Boolean,
+		/**
+		* The class to add when the link is active
+		*/
+		activeClass: {
+			type: String,
+			default: "route-link-active"
+		}
+	},
+	slots: Object,
+	setup(props, { slots }) {
+		const router = useRouter();
+		const route = useRoute();
+		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();
+			}
+		}, slots.default());
+	}
+});
+//#endregion
+//#region src/components/AutoLink.ts
+/**
+* Component to render a link automatically according to the link type
+*
+* - 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
+*/
+const AutoLink = defineComponent({
+	name: "AutoLink",
+	props: { config: {
+		type: Object,
+		required: true
+	} },
+	slots: Object,
+	setup(props, { slots }) {
+		const config = toRef(props, "config");
+		const route = useRoute();
+		const siteData = useSiteData();
+		const withProtocol = computed(() => isLinkWithProtocol(config.value.link));
+		const linkTarget = computed(() => config.value.target || (withProtocol.value ? "_blank" : void 0));
+		const isBlankTarget = computed(() => linkTarget.value === "_blank");
+		const isInternal = computed(() => !withProtocol.value && !isBlankTarget.value);
+		const linkRel = computed(() => config.value.rel || (isBlankTarget.value ? "noopener noreferrer" : null));
+		const linkAriaLabel = computed(() => config.value.ariaLabel ?? config.value.text);
+		const shouldBeActiveInSubpath = computed(() => {
+			if (config.value.exact) return false;
+			const localePaths = Object.keys(siteData.value.locales);
+			return localePaths.length ? localePaths.every((key) => key !== config.value.link) : config.value.link !== "/";
+		});
+		const isActive = computed(() => {
+			if (!isInternal.value) return false;
+			if (config.value.activeMatch) return (config.value.activeMatch instanceof RegExp ? config.value.activeMatch : new RegExp(config.value.activeMatch, "u")).test(route.path);
+			if (shouldBeActiveInSubpath.value) return route.path.startsWith(config.value.link);
+			return route.path === config.value.link;
+		});
+		return () => {
+			const { before, after, default: defaultSlot } = slots;
+			const content = defaultSlot?.(config.value) ?? [
+				before?.(config.value),
+				config.value.text,
+				after?.(config.value)
+			];
+			return isInternal.value ? h(RouteLink, {
+				"class": "auto-link",
+				"to": config.value.link,
+				"active": isActive.value,
+				"aria-label": linkAriaLabel.value
+			}, () => content) : h("a", {
+				"class": "auto-link external-link",
+				"href": config.value.link,
+				"aria-label": linkAriaLabel.value,
+				"rel": linkRel.value,
+				"target": linkTarget.value
+			}, content);
+		};
+	}
+});
+//#endregion
+//#region src/components/ClientOnly.ts
+/**
+* Wrapper component that only renders its content on the client side and skips server side rendering
+*
+* Since vue 3.5, you can try the new `data-allow-mismatch` attribute instead of `<ClientOnly>` component in some cases to avoid hydration mismatch.
+*
+* @see https://blog.vuejs.org/posts/vue-3-5#data-allow-mismatch
+*/
+const ClientOnly = defineComponent({
+	name: "ClientOnly",
+	setup(_, ctx) {
+		const isMounted = ref(false);
+		onMounted(() => {
+			isMounted.value = true;
+		});
+		return () => isMounted.value ? ctx.slots.default?.() : null;
+	}
+});
+//#endregion
+//#region src/components/Content.ts
+/**
+* Execute all callbacks registered via `onContentUpdated`.
+*
+* @internal
+*/
+const runContentUpdatedCallbacks = (reason) => {
+	contentUpdatedCallbacks.forEach((fn) => fn(reason));
+};
+/**
+* Markdown rendered content
+*/
+const Content = defineComponent({
+	name: "Content",
+	props: { path: {
+		type: String,
+		required: false,
+		default: ""
+	} },
+	setup(props) {
+		const pageComponent = usePageComponent();
+		const ContentComponent = computed(() => {
+			if (!props.path) return pageComponent.value;
+			const route = resolveRoute(props.path);
+			return defineAsyncComponent(async () => route.loader().then((m) => m.default));
+		});
+		return () => h(ContentComponent.value, {
+			onVnodeMounted: () => {
+				runContentUpdatedCallbacks("mounted");
+			},
+			onVnodeUpdated: () => {
+				runContentUpdatedCallbacks("updated");
+			},
+			onVnodeBeforeUnmount: () => {
+				runContentUpdatedCallbacks("beforeUnmount");
+			}
+		});
+	}
+});
+//#endregion
+//#region src/constants.ts
+/**
+* Name of the default layout
+*/
+const LAYOUT_NAME_DEFAULT = "Layout";
+//#endregion
+//#region src/resolvers.ts
+/**
+* Resolver methods to get global computed
+*
+* Users can override corresponding method for advanced customization
+*
+* @experimental - This is an experimental API and may be changed in minor versions
+*/
+const resolvers = reactive({
+	/**
+	* Resolve layouts component map
+	*/
+	resolveLayouts: (clientConfigs) => clientConfigs.reduce((prev, item) => ({
+		...prev,
+		...item.layouts
+	}), {}),
+	/**
+	* Merge the head config in frontmatter and site locale
+	*
+	* Frontmatter should take priority over site locale
+	*/
+	resolvePageHead: (pageHeadTitle, pageFrontmatter, siteLocaleDate) => {
+		const description = isString(pageFrontmatter.description) ? pageFrontmatter.description : siteLocaleDate.description;
+		return dedupeHead([
+			...Array.isArray(pageFrontmatter.head) ? pageFrontmatter.head : [],
+			...siteLocaleDate.head,
+			[
+				"title",
+				{},
+				pageHeadTitle
+			],
+			["meta", {
+				name: "description",
+				content: description
+			}]
+		]);
+	},
+	/**
+	* Resolve the content of page head title
+	*
+	* It would be used as the content of the `<title>` tag
+	*/
+	resolvePageHeadTitle: (pageData, siteLocaleDate) => [pageData.title, siteLocaleDate.title].filter((item) => !!item).join(" | "),
+	/**
+	* Resolve page language from page data
+	*
+	* It would be used as the `lang` attribute of `<html>` tag
+	*/
+	resolvePageLang: (pageData, siteLocaleData) => pageData.lang || siteLocaleData.lang || "en-US",
+	/**
+	* Resolve layout component of current page
+	*/
+	resolvePageLayout: (pageData, layouts) => {
+		const layoutName = isString(pageData.frontmatter.layout) ? pageData.frontmatter.layout : LAYOUT_NAME_DEFAULT;
+		if (!layouts[layoutName]) throw new Error(`[vuepress] Cannot resolve layout: ${layoutName}`);
+		return layouts[layoutName];
+	},
+	/**
+	* Resolve locale path according to route path and locales config
+	*/
+	resolveRouteLocale: (locales, routePath) => resolveLocalePath(locales, decodeURI(routePath)),
+	/**
+	* Resolve site data for specific locale
+	*
+	* It would merge the locales fields to the root fields
+	*/
+	resolveSiteLocaleData: ({ base, locales, ...siteData }, routeLocale) => ({
+		...siteData,
+		...locales[routeLocale],
+		head: [...locales[routeLocale]?.head ?? [], ...siteData.head]
+	})
+});
+//#endregion
+//#region src/utils/withBase.ts
+/**
+* Prefix url with site base
+*/
+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 };

package/package.json

@@ -1,22 +1,30 @@
 {
   "name": "@vuepress/client",
-  "version": "2.0.0-rc.3",
+  "version": "2.0.0-rc.31",
   "description": "Client package of VuePress",
   "keywords": [
-    "vuepress",
-    "client"
+    "client",
+    "vuepress"
   ],
   "homepage": "https://github.com/vuepress",
   "bugs": {
     "url": "https://github.com/vuepress/core/issues"
   },
+  "license": "MIT",
+  "author": "meteorlxy",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuepress/core.git"
   },
-  "license": "MIT",
-  "author": "meteorlxy",
+  "files": [
+    "dist",
+    "templates",
+    "types.d.ts"
+  ],
   "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
     "./app": "./dist/app.js",
@@ -24,50 +32,38 @@
     "./templates/*": "./templates/*",
     "./types": "./types.d.ts"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist",
-    "templates",
-    "types.d.ts"
-  ],
-  "dependencies": {
-    "@vue/devtools-api": "^6.5.1",
-    "@vueuse/core": "^10.7.2",
-    "vue": "^3.4.15",
-    "vue-router": "^4.2.5",
-    "@vuepress/shared": "2.0.0-rc.3"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "tsup": {
-    "clean": true,
-    "dts": [
-      "./src/app.ts",
-      "./src/index.ts"
-    ],
+  "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"
+  },
+  "tsdown": {
+    "deps": {
+      "neverBundle": [
+        "@internal/clientConfigs",
+        "@internal/routes",
+        "@internal/siteData",
+        "@internal/userStyle"
+      ]
+    },
+    "dts": true,
     "entry": [
       "./src/app.ts",
       "./src/index.ts"
     ],
-    "external": [
-      "@internal/clientConfigs",
-      "@internal/layoutComponents",
-      "@internal/routes",
-      "@internal/siteData"
-    ],
-    "format": [
-      "esm"
-    ],
+    "fixedExtension": false,
+    "format": "esm",
     "outDir": "./dist",
-    "sourcemap": false,
-    "target": "es2022",
+    "target": "es2023",
     "tsconfig": "./tsconfig.dts.json"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsdown",
     "clean": "rimraf dist"
   }
 }

package/types.d.ts

@@ -1,7 +1,7 @@
+/* eslint-disable @typescript-eslint/naming-convention, no-underscore-dangle */
 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>
-declare const __VUE_OPTIONS_API__: boolean
+declare const __VUE_HMR_RUNTIME__: Record<string, unknown>
 declare const __VUE_PROD_DEVTOOLS__: boolean