vitepress 2.0.0-alpha.20 → 2.0.0-alpha.21

package/dist/client/theme-default/components/VPTeamMembersItem.vue

@@ -22,11 +22,11 @@ defineProps({
       </figure>
       <div class="data">
         <h1 class="name">
-          {{ member.name }}
+          <bdi>{{ member.name }}</bdi>
         </h1>
         <p v-if="member.title || member.org" class="affiliation">
           <span v-if="member.title" class="title">
-            {{ member.title }}
+            <bdi>{{ member.title }}</bdi>
           </span>
           <span v-if="member.title && member.org" class="at"> @ </span>
           <VPLink
@@ -36,10 +36,10 @@ defineProps({
             :href="member.orgLink"
             no-icon
           >
-            {{ member.org }}
+            <bdi>{{ member.org }}</bdi>
           </VPLink>
         </p>
-        <p v-if="member.desc" class="desc" v-html="member.desc" />
+        <p v-if="member.desc" class="desc"><bdi v-html="member.desc" /></p>
         <div v-if="member.links" class="links">
           <VPSocialLinks :links="member.links" :me="false" />
         </div>
@@ -223,7 +223,7 @@ defineProps({
 }
 
 .sp-icon {
-  margin-right: 0.5rem;
+  margin-inline-end: 0.5rem;
   font-size: 1rem;
 }
 </style>

package/dist/client/theme-default/components/VPTeamPageSection.vue

@@ -3,11 +3,11 @@
     <div class="title">
       <div class="title-line" />
       <h2 v-if="$slots.title" class="title-text">
-        <slot name="title" />
+        <bdi><slot name="title" /></bdi>
       </h2>
     </div>
     <p v-if="$slots.lead" class="lead">
-      <slot name="lead" />
+      <bdi><slot name="lead" /></bdi>
     </p>
     <div v-if="$slots.members" class="members">
       <slot name="members" />
@@ -43,8 +43,7 @@
 .title-line {
   position: absolute;
   top: 1rem;
-  left: 0;
-  width: 100%;
+  inset-inline: 0;
   height: 1px;
   background-color: var(--vp-c-divider);
 }

package/dist/client/theme-default/components/VPTeamPageTitle.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="VPTeamPageTitle">
     <h1 v-if="$slots.title" class="title">
-      <slot name="title" />
+      <bdi><slot name="title" /></bdi>
     </h1>
     <p v-if="$slots.lead" class="lead">
-      <slot name="lead" />
+      <bdi><slot name="lead" /></bdi>
     </p>
   </div>
 </template>

package/dist/client/theme-default/composables/data.d.ts

@@ -1,6 +1,5 @@
 import { useData as useData$1 } from "vitepress";
 import { DefaultTheme } from "vitepress/theme";
 //#region src/client/theme-default/composables/data.d.ts
-declare const useData: typeof useData$1<DefaultTheme.Config>;
-//#endregion
-export { useData };
+export declare const useData: typeof useData$1<DefaultTheme.Config>;
+//#endregion

package/dist/client/theme-default/composables/edit-link.d.ts

@@ -1,7 +1,6 @@
 //#region src/client/theme-default/composables/edit-link.d.ts
-declare function useEditLink(): import("vue").ComputedRef<{
+export declare function useEditLink(): import("vue").ComputedRef<{
   url: string;
   text: string;
 }>;
-//#endregion
-export { useEditLink };
+//#endregion

package/dist/client/theme-default/composables/flyout.d.ts

@@ -5,7 +5,6 @@ interface UseFlyoutOptions {
   onFocus?(): void;
   onBlur?(): void;
 }
-declare const focusedElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-declare function useFlyout(options: UseFlyoutOptions): Readonly<import("vue").Ref<boolean, boolean>>;
-//#endregion
-export { focusedElement, useFlyout };
+export declare const focusedElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+export declare function useFlyout(options: UseFlyoutOptions): Readonly<import("vue").Ref<boolean, boolean>>;
+//#endregion

package/dist/client/theme-default/composables/langs.d.ts

@@ -1,7 +1,7 @@
 import { Route, VitePressData } from "../../shared.js";
 import { DefaultTheme } from "vitepress/theme";
 //#region src/client/theme-default/composables/langs.d.ts
-declare function useLangs({ linkToCorrespondingPage }?: {
+export declare function useLangs({ linkToCorrespondingPage }?: {
   /**
    * Link each entry of the translations menu to the current page's
    * equivalent in that locale (resolved by `resolveLocaleLink`) instead of
@@ -17,7 +17,7 @@ declare function useLangs({ linkToCorrespondingPage }?: {
     text: string;
     link: string;
     lang: string | undefined;
-    dir: string | undefined;
+    dir: "ltr" | "rtl" | "auto" | undefined;
   }[]>;
 };
 /**
@@ -31,7 +31,7 @@ declare function useLangs({ linkToCorrespondingPage }?: {
  * The current query and hash are carried over, except when a custom
  * `i18nRouting` function is used.
  */
-declare function resolveLocaleLink(data: VitePressData<DefaultTheme.Config>, route: Route, { targetLocale, targetLocaleLink, currentLocaleLink, linkToCorrespondingPage }: {
+export declare function resolveLocaleLink(data: VitePressData<DefaultTheme.Config>, route: Route, { targetLocale, targetLocaleLink, currentLocaleLink, linkToCorrespondingPage }: {
   /** Key of the target locale in `site.locales`, e.g. `'fr'` or `'root'`. */
   targetLocale: string;
   /** Home link of the target locale, e.g. `'/fr/'`. */
@@ -41,5 +41,4 @@ declare function resolveLocaleLink(data: VitePressData<DefaultTheme.Config>, rou
   /** Link to the current page's equivalent instead of the locale home. */
   linkToCorrespondingPage: boolean;
 }): string;
-//#endregion
-export { resolveLocaleLink, useLangs };
+//#endregion

package/dist/client/theme-default/composables/layout.d.ts

@@ -1,14 +1,13 @@
 import { ComputedRef, InjectionKey } from "vue";
 import { DefaultTheme } from "vitepress/theme";
 //#region src/client/theme-default/composables/layout.d.ts
-declare function useLayout(): DefaultTheme.Layout;
+export declare function useLayout(): DefaultTheme.Layout;
 interface RegisterWatchersOptions {
   closeSidebar: () => void;
 }
-declare function registerWatchers({ closeSidebar }: RegisterWatchersOptions): void;
-interface LayoutInfo {
+export declare function registerWatchers({ closeSidebar }: RegisterWatchersOptions): void;
+export interface LayoutInfo {
   heroImageSlotExists: ComputedRef<boolean>;
 }
-declare const layoutInfoInjectionKey: InjectionKey<LayoutInfo>;
-//#endregion
-export { LayoutInfo, layoutInfoInjectionKey, registerWatchers, useLayout };
+export declare const layoutInfoInjectionKey: InjectionKey<LayoutInfo>;
+//#endregion

package/dist/client/theme-default/composables/nav-overflow.d.ts

@@ -13,9 +13,9 @@ import { MaybeRefOrGetter } from "vue";
  * natural widths remain measurable and observed — re-expanding never works
  * from stale data.
  */
-declare const navClusterUnits: readonly ["translations", "appearance", "socialLinks"];
-type NavClusterUnit = (typeof navClusterUnits)[number];
-interface NavFitInput {
+export declare const navClusterUnits: readonly ["translations", "appearance", "socialLinks"];
+export type NavClusterUnit = (typeof navClusterUnits)[number];
+export interface NavFitInput {
   /** widths of the top-level menu items, in nav order (px) */
   itemWidths: number[];
   /** cluster unit widths; null = the unit isn't configured on this site */
@@ -27,15 +27,15 @@ interface NavFitInput {
   /** px the `⋯` button occupies once anything is collapsed */
   extraWidth: number;
 }
-interface NavFitResult {
+export interface NavFitResult {
   /** number of menu items that stay in the bar (Infinity = all) */
   visibleItemCount: number;
   translations: boolean;
   appearance: boolean;
   socialLinks: boolean;
 }
-declare function computeNavFit(input: NavFitInput): NavFitResult;
-interface NavOverflow {
+export declare function computeNavFit(input: NavFitInput): NavFitResult;
+export interface NavOverflow {
   /** reactive collapse state, all-visible during SSR and below 48rem */
   state: NavFitResult;
   /** true when anything is collapsed into the `⋯` menu */
@@ -46,10 +46,9 @@ interface NavOverflow {
   setItemEl(index: number, el: HTMLElement | null): void;
   setClusterEl(unit: NavClusterUnit, el: HTMLElement | null): void;
 }
-declare function useNavOverflow(): NavOverflow | null;
-declare function provideNavOverflow(options: {
+export declare function useNavOverflow(): NavOverflow | null;
+export declare function provideNavOverflow(options: {
   /** stringified nav config — collapse state resets when it changes */
   itemsKey: MaybeRefOrGetter<string>;
 }): NavOverflow;
-//#endregion
-export { NavClusterUnit, NavFitInput, NavFitResult, NavOverflow, computeNavFit, navClusterUnits, provideNavOverflow, useNavOverflow };
+//#endregion

package/dist/client/theme-default/composables/nav.d.ts

@@ -4,23 +4,22 @@ import { DefaultTheme } from "vitepress/theme";
 declare function openScreen(): void;
 declare function closeScreen(): void;
 declare function toggleScreen(): void;
-declare function useNav(): {
+export declare function useNav(): {
   isScreenOpen: import("vue").Ref<boolean, boolean>;
   screenTriggerEl: import("vue").ShallowRef<HTMLButtonElement | null, HTMLButtonElement | null>;
   openScreen: typeof openScreen;
   closeScreen: typeof closeScreen;
   toggleScreen: typeof toggleScreen;
 };
-declare function useAppearanceSwitch(): import("vue").ComputedRef<boolean>;
-declare function useNavItemLink(item: MaybeRefOrGetter<DefaultTheme.NavItemWithLink>): {
+export declare function useAppearanceSwitch(): import("vue").ComputedRef<boolean>;
+export declare function useNavItemLink(item: MaybeRefOrGetter<DefaultTheme.NavItemWithLink>): {
   href: import("vue").ComputedRef<string>;
   isActiveLink: import("vue").ComputedRef<boolean>;
   isCurrentLink: import("vue").ComputedRef<boolean>;
 };
-interface NavExposedMethods {
+export interface NavExposedMethods {
   closeScreen: () => void;
 }
-declare const navInjectionKey: InjectionKey<NavExposedMethods>;
-declare const navScreenInjectionKey: InjectionKey<boolean>;
-//#endregion
-export { NavExposedMethods, navInjectionKey, navScreenInjectionKey, useAppearanceSwitch, useNav, useNavItemLink };
+export declare const navInjectionKey: InjectionKey<NavExposedMethods>;
+export declare const navScreenInjectionKey: InjectionKey<boolean>;
+//#endregion

package/dist/client/theme-default/composables/outline.d.ts

@@ -1,9 +1,8 @@
 import { TemplateRef } from "vue";
 import { DefaultTheme } from "vitepress/theme";
 //#region src/client/theme-default/composables/outline.d.ts
-declare function resolveTitle(theme: DefaultTheme.Config): string;
-declare function getHeaders(range: DefaultTheme.Config['outline']): DefaultTheme.OutlineItem[];
-declare function resolveHeaders(headers: DefaultTheme.OutlineItem[], range?: DefaultTheme.Config['outline']): DefaultTheme.OutlineItem[];
-declare function useActiveAnchor(container: TemplateRef<HTMLElement>, marker: TemplateRef<HTMLElement>): void;
-//#endregion
-export { getHeaders, resolveHeaders, resolveTitle, useActiveAnchor };
+export declare function resolveTitle(theme: DefaultTheme.Config): string;
+export declare function getHeaders(range: DefaultTheme.Config['outline']): DefaultTheme.OutlineItem[];
+export declare function resolveHeaders(headers: DefaultTheme.OutlineItem[], range?: DefaultTheme.Config['outline']): DefaultTheme.OutlineItem[];
+export declare function useActiveAnchor(container: TemplateRef<HTMLElement>, marker: TemplateRef<HTMLElement>): void;
+//#endregion

package/dist/client/theme-default/composables/prev-next.d.ts

@@ -1,5 +1,5 @@
 //#region src/client/theme-default/composables/prev-next.d.ts
-declare function usePrevNext(): import("vue").ComputedRef<{
+export declare function usePrevNext(): import("vue").ComputedRef<{
   prev?: {
     text?: string;
     link?: string;
@@ -13,5 +13,4 @@ declare function usePrevNext(): import("vue").ComputedRef<{
     rel?: string;
   };
 }>;
-//#endregion
-export { usePrevNext };
+//#endregion

package/dist/client/theme-default/composables/scroll-lock.d.ts

@@ -1,13 +1,4 @@
 import { WritableComputedRef } from "vue";
 //#region src/client/theme-default/composables/scroll-lock.d.ts
-/**
- * Locks page scrolling behind an overlay.
- *
- * Prefer `scrollbar-gutter: stable` + `overflow: hidden` so layout width
- * stays stable when the scrollbar is hidden. If unsupported, fall back to
- * blocking scroll events while still allowing events inside scrollable
- * elements.
- */
-declare function useBodyScrollLock(): WritableComputedRef<boolean>;
-//#endregion
-export { useBodyScrollLock };
+export declare function useBodyScrollLock(): WritableComputedRef<boolean>;
+//#endregion

package/dist/client/theme-default/composables/scroll-lock.js

@@ -40,10 +40,10 @@ let overflowLockCount = 0;
 let eventLockCount = 0;
 let initialOverflow;
 let initialGutter;
-function lockOverflow() {
+function lockOverflow(reserveGutter) {
 	if (++overflowLockCount > 1) return;
 	const html = document.documentElement;
-	if (!getComputedStyle(html).scrollbarGutter.includes("stable")) {
+	if (reserveGutter && !getComputedStyle(html).scrollbarGutter.includes("stable")) {
 		initialGutter = html.style.scrollbarGutter;
 		html.style.scrollbarGutter = "stable";
 	}
@@ -70,21 +70,14 @@ function unlockEvents() {
 	document.removeEventListener("touchmove", blockScroll, listenerOptions);
 	document.removeEventListener("keydown", blockScrollKeys, listenerOptions);
 }
-/**
-* Locks page scrolling behind an overlay.
-*
-* Prefer `scrollbar-gutter: stable` + `overflow: hidden` so layout width
-* stays stable when the scrollbar is hidden. If unsupported, fall back to
-* blocking scroll events while still allowing events inside scrollable
-* elements.
-*/
 function useBodyScrollLock() {
 	const isLocked = shallowRef(false);
 	let useEvents = false;
 	function lock() {
 		if (isLocked.value) return;
-		useEvents = window.innerWidth > document.documentElement.clientWidth && !CSS.supports("scrollbar-gutter", "stable");
-		useEvents ? lockEvents() : lockOverflow();
+		const scrollbarTakesSpace = window.innerWidth > document.documentElement.clientWidth;
+		useEvents = scrollbarTakesSpace && !CSS.supports("scrollbar-gutter", "stable");
+		useEvents ? lockEvents() : lockOverflow(scrollbarTakesSpace);
 		isLocked.value = true;
 	}
 	function unlock() {

package/dist/client/theme-default/composables/sidebar.d.ts

@@ -5,14 +5,14 @@ import { DefaultTheme } from "vitepress/theme";
  * a11y: cache the element that opened the Sidebar (the menu button) then
  * focus that button again when Menu is closed with Escape key.
  */
-declare function useCloseSidebarOnEscape(close: () => void): void;
-declare function useSidebarControl(): {
+export declare function useCloseSidebarOnEscape(close: () => void): void;
+export declare function useSidebarControl(): {
   isOpen: import("vue").Ref<boolean, boolean>;
   open: () => void;
   close: () => void;
   toggle: () => void;
 };
-declare function useSidebarItemControl(item: ComputedRef<DefaultTheme.SidebarItem>): {
+export declare function useSidebarItemControl(item: ComputedRef<DefaultTheme.SidebarItem>): {
   collapsed: import("vue").Ref<boolean, boolean>;
   collapsible: ComputedRef<boolean>;
   isLink: ComputedRef<boolean>;
@@ -22,5 +22,4 @@ declare function useSidebarItemControl(item: ComputedRef<DefaultTheme.SidebarIte
   hasChildren: ComputedRef<boolean>;
   toggle: () => void;
 };
-//#endregion
-export { useCloseSidebarOnEscape, useSidebarControl, useSidebarItemControl };
+//#endregion

package/dist/client/theme-default/composables/sponsor-grid.d.ts

@@ -1,11 +1,10 @@
 import { TemplateRef } from "vue";
 //#region src/client/theme-default/composables/sponsor-grid.d.ts
-type GridSetting = { [size in GridSize]: [number, number][]; };
-type GridSize = 'xmini' | 'mini' | 'small' | 'medium' | 'big';
-interface UseSponsorsGridOptions {
+export type GridSetting = { [size in GridSize]: [number, number][]; };
+export type GridSize = 'xmini' | 'mini' | 'small' | 'medium' | 'big';
+export interface UseSponsorsGridOptions {
   el: TemplateRef<HTMLElement>;
   size?: GridSize;
 }
-declare function useSponsorsGrid({ el, size }: UseSponsorsGridOptions): void;
-//#endregion
-export { GridSetting, GridSize, UseSponsorsGridOptions, useSponsorsGrid };
+export declare function useSponsorsGrid({ el, size }: UseSponsorsGridOptions): void;
+//#endregion

package/dist/client/theme-default/styles/components/vp-code-group.css

@@ -5,8 +5,7 @@
 .vp-code-group .tabs {
   position: relative;
   display: flex;
-  margin-right: -1.5rem;
-  margin-left: -1.5rem;
+  margin-inline: -1.5rem;
   padding: 0 0.75rem;
   background-color: var(--vp-code-tab-bg);
   overflow-x: auto;
@@ -16,8 +15,7 @@
 
 @media (min-width: 40rem) {
   .vp-code-group .tabs {
-    margin-right: 0;
-    margin-left: 0;
+    margin-inline: 0;
     border-radius: 0.5rem 0.5rem 0 0;
   }
 }
@@ -44,9 +42,8 @@
 
 .vp-code-group .tabs label::after {
   position: absolute;
-  right: 0.5rem;
+  inset-inline: 0.5rem;
   bottom: -1px;
-  left: 0.5rem;
   z-index: 1;
   height: 2px;
   border-radius: 2px;
@@ -71,8 +68,8 @@
 .vp-block {
   display: none;
   margin-top: 0 !important;
-  border-top-left-radius: 0 !important;
-  border-top-right-radius: 0 !important;
+  border-start-start-radius: 0 !important;
+  border-start-end-radius: 0 !important;
 }
 
 .vp-code-group div[class*='language-'].active,