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

package/dist/client/shared.js

@@ -114,7 +114,7 @@ function resolveSiteDataByRoute(siteData, relativePath, filePath) {
 function createTitle(siteData, pageData) {
 	const title = pageData.title || siteData.title;
 	const template = pageData.titleTemplate ?? siteData.titleTemplate;
-	if (typeof template === "string" && template.includes(":title")) return template.replace(/:title/g, title);
+	if (typeof template === "string" && template.includes(":title")) return template.replace(/:title/g, () => title);
 	const templateString = createTitleTemplate(siteData.title, template);
 	if (title === templateString.slice(3)) return title;
 	return `${title}${templateString}`;
@@ -153,6 +153,16 @@ function sanitizeFileName(name) {
 	const driveLetter = match ? match[0] : "";
 	return driveLetter + name.slice(driveLetter.length).replace(INVALID_CHAR_REGEX, "_").replace(/(^|\/)_+(?=[^/]*$)/, "$1");
 }
+/**
+* Output path of a page's client chunk relative to `assetsDir`, from its hash
+* map entry. The entry is the chunk's hash, prefixed with the subdirectory the
+* build put the chunk in when `assetsShards` is set (`<shard>/<hash>`), so the
+* client never has to guess the layout.
+*/
+function pageChunkPath(pageName, hashEntry, ext = ".js") {
+	const dir = hashEntry.lastIndexOf("/") + 1;
+	return `${hashEntry.slice(0, dir)}${pageName}.${hashEntry.slice(dir)}${ext}`;
+}
 function slash(p) {
 	return p.replace(/\\/g, "/");
 }
@@ -164,6 +174,29 @@ function treatAsHtml(filename) {
 	const ext = filename.split(".").pop();
 	return ext == null || !KNOWN_EXTENSIONS.has(ext.toLowerCase());
 }
+const SPACE_OR_PUNCTUATION_RE = /[\n\r\p{Z}\p{P}]+/u;
+const UNSPACED_RUN_RE = /[\p{scx=Han}\p{scx=Hiragana}\p{scx=Katakana}]+|[^\p{scx=Han}\p{scx=Hiragana}\p{scx=Katakana}]+/gu;
+const UNSPACED_START_RE = /^[\p{scx=Han}\p{scx=Hiragana}\p{scx=Katakana}]/u;
+let segmenter;
+/**
+* Default `tokenize` of the local search. It splits on spaces and punctuation
+* like MiniSearch does, and additionally segments the runs of Chinese or
+* Japanese characters inside those words, as they are not separated by spaces.
+* Everything else is kept as MiniSearch would.
+*
+* It is used both when building the index and when searching in the browser.
+* A browser without `Intl.Segmenter` (e.g. Firefox < 125) falls back to the
+* plain split, which can't match multi-word queries against an index that was
+* built with segmentation.
+*
+* @internal
+*/
+function tokenizeSearchText(text) {
+	const terms = text.split(SPACE_OR_PUNCTUATION_RE);
+	if (typeof Intl.Segmenter !== "function") return terms;
+	segmenter ??= new Intl.Segmenter(void 0, { granularity: "word" });
+	return terms.flatMap((term) => term.match(UNSPACED_RUN_RE)?.flatMap((run) => UNSPACED_START_RE.test(run) ? Array.from(segmenter.segment(run), (part) => part.segment) : run) ?? term);
+}
 function escapeRegExp(str) {
 	return str.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 }
@@ -240,4 +273,4 @@ function isShell(lang) {
 	return shellLangs.includes(lang);
 }
 //#endregion
-export { APPEARANCE_KEY, EXTERNAL_URL_RE, RELATIVE_BASE_SENTINEL, VP_SOURCE_KEY, createTitle, escapeHtml, escapeRegExp, getLocaleForPath, inBrowser, isActive, isExternal, isObject, isRelativeBase, isShell, joinPath, mergeHead, normalize, notFoundPageData, parseIconName, relativePathToRoot, resolveSiteDataByRoute, sanitizeFileName, slash, stackView, treatAsHtml };
+export { APPEARANCE_KEY, EXTERNAL_URL_RE, RELATIVE_BASE_SENTINEL, VP_SOURCE_KEY, createTitle, escapeHtml, escapeRegExp, getLocaleForPath, inBrowser, isActive, isExternal, isObject, isRelativeBase, isShell, joinPath, mergeHead, normalize, notFoundPageData, pageChunkPath, parseIconName, relativePathToRoot, resolveSiteDataByRoute, sanitizeFileName, slash, stackView, tokenizeSearchText, treatAsHtml };

package/dist/client/theme-default/NotFound.vue

@@ -9,12 +9,14 @@ const { currentLang } = useLangs();
 <template>
   <div class="NotFound">
     <p class="code">{{ theme.notFound?.code ?? "404" }}</p>
-    <h1 class="title">{{ theme.notFound?.title ?? "PAGE NOT FOUND" }}</h1>
+    <h1 class="title">
+      <bdi>{{ theme.notFound?.title ?? "PAGE NOT FOUND" }}</bdi>
+    </h1>
     <div class="divider" />
     <blockquote class="quote">
-      {{
+      <bdi>{{
         theme.notFound?.quote ?? "But if you don't change your direction, and if you keep looking, you may end up where you are heading."
-      }}
+      }}</bdi>
     </blockquote>
 
     <div class="action">
@@ -23,7 +25,7 @@ const { currentLang } = useLangs();
         :href="withBase(theme.notFound?.link ?? currentLang.link)"
         :aria-label="theme.notFound?.linkLabel ?? 'go to home'"
       >
-        {{ theme.notFound?.linkText ?? "Take me home" }}
+        <bdi>{{ theme.notFound?.linkText ?? "Take me home" }}</bdi>
       </a>
     </div>
   </div>

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

@@ -14,12 +14,7 @@ defineProps({ show: {
 <style scoped>
 .VPBackdrop {
   position: fixed;
-  top: 0;
-  /*rtl:ignore*/
-  right: 0;
-  bottom: 0;
-  /*rtl:ignore*/
-  left: 0;
+  inset: 0;
   z-index: var(--vp-z-index-backdrop);
   background: var(--vp-backdrop-bg-color);
   transition: opacity 0.5s;

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

@@ -13,7 +13,7 @@ defineProps({
 </script>
 
 <template>
-  <span class="VPBadge" :class="type">
+  <span class="VPBadge" :class="type" dir="auto">
     <slot>{{ text }}</slot>
   </span>
 </template>
@@ -21,7 +21,7 @@ defineProps({
 <style>
 .VPBadge {
   display: inline-block;
-  margin-left: 0.125rem;
+  margin-inline-start: 0.125rem;
   border: 1px solid transparent;
   border-radius: 0.75rem;
   padding: 0 0.625rem;
@@ -45,7 +45,8 @@ defineProps({
 
 .vp-doc h1 > .VPBadge,
 .vp-doc h2 > .VPBadge {
-  margin: 0 0 0 0.125rem;
+  margin: 0;
+  margin-inline-start: 0.125rem;
   vertical-align: middle;
 }
 

package/dist/client/theme-default/components/VPButton.d.vue.ts

@@ -7,13 +7,13 @@ interface Props {
     target?: string;
     rel?: string;
 }
-declare var __VLS_8: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: "medium" | "big";
-    theme: "brand" | "alt" | "sponsor";
+    size: "big" | "medium";
+    theme: "alt" | "brand" | "sponsor";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -55,7 +55,9 @@ const component = computed(() => {
 
 <style scoped>
 .VPButton {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   border: 1px solid transparent;
   text-align: center;
   font-weight: 600;
@@ -69,16 +71,16 @@ const component = computed(() => {
 }
 
 .VPButton.medium {
+  height: 2.5rem;
   border-radius: 1.25rem;
   padding: 0 1.25rem;
-  line-height: 2.7142857;
   font-size: 0.875rem;
 }
 
 .VPButton.big {
+  height: 3rem;
   border-radius: 1.5rem;
   padding: 0 1.5rem;
-  line-height: 2.875;
   font-size: 1rem;
 }
 

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

@@ -86,14 +86,14 @@ function isRegistered(component) {
 
   .VPContent.has-sidebar {
     margin: var(--vp-layout-top-height, 0px) 0 0;
-    padding-left: var(--vp-sidebar-width);
+    padding-inline-start: var(--vp-sidebar-width);
   }
 }
 
 @media (min-width: 90rem) {
   .VPContent.has-sidebar {
-    padding-right: calc((100% - var(--vp-layout-max-width)) / 2);
-    padding-left: calc((100% - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
+    padding-inline-end: calc((100% - var(--vp-layout-max-width)) / 2);
+    padding-inline-start: calc((100% - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
   }
 }
 </style>

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

@@ -123,15 +123,15 @@ const pageName = computed(() => {
   display: none;
   order: 2;
   flex-grow: 1;
-  padding-left: 2rem;
+  padding-inline-start: 2rem;
   width: 100%;
   max-width: 16rem;
 }
 
 .left-aside {
   order: 1;
-  padding-left: unset;
-  padding-right: 2rem;
+  padding-inline-start: unset;
+  padding-inline-end: 2rem;
 }
 
 .aside-container {
@@ -142,6 +142,7 @@ const pageName = computed(() => {
   height: 100vh;
   overflow-x: hidden;
   overflow-y: auto;
+  overscroll-behavior: contain;
   scrollbar-width: none;
 }
 

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

@@ -46,8 +46,8 @@ useActiveAnchor(container, marker);
 
 .content {
   position: relative;
-  border-left: 1px solid var(--vp-c-divider);
-  padding-left: 1rem;
+  border-inline-start: 1px solid var(--vp-c-divider);
+  padding-inline-start: 1rem;
   font-size: 0.8125rem;
   font-weight: 500;
 }
@@ -55,7 +55,7 @@ useActiveAnchor(container, marker);
 .outline-marker {
   position: absolute;
   top: 2rem;
-  left: -1px;
+  inset-inline-start: -1px;
   z-index: 0;
   opacity: 0;
   width: 2px;

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

@@ -49,7 +49,7 @@ const showFooter = computed(() => hasEditLink.value || hasLastUpdated.value || c
             class="desc"
             v-html="theme.docFooter?.prev || 'Previous page'"
           ></span>
-          <span class="title" v-html="control.prev.text"></span>
+          <span class="title"><bdi v-html="control.prev.text" /></span>
         </VPLink>
       </div>
       <div class="pager">
@@ -64,7 +64,7 @@ const showFooter = computed(() => hasEditLink.value || hasLastUpdated.value || c
             class="desc"
             v-html="theme.docFooter?.next || 'Next page'"
           ></span>
-          <span class="title" v-html="control.next.text"></span>
+          <span class="title"><bdi v-html="control.next.text" /></span>
         </VPLink>
       </div>
     </nav>
@@ -105,7 +105,7 @@ const showFooter = computed(() => hasEditLink.value || hasLastUpdated.value || c
 }
 
 .edit-link-icon {
-  margin-right: 0.5rem;
+  margin-inline-end: 0.5rem;
 }
 
 .prev-next {
@@ -137,8 +137,8 @@ const showFooter = computed(() => hasEditLink.value || hasLastUpdated.value || c
 }
 
 .pager-link.next {
-  margin-left: auto;
-  text-align: right;
+  margin-inline-start: auto;
+  text-align: end;
 }
 
 .desc {

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

@@ -28,8 +28,8 @@ onMounted(() => {
 
 <template>
   <p class="VPLastUpdated">
-    {{ theme.lastUpdated?.text || "Last updated" }}:
-    <time ref="timeRef" :datetime="isoDatetime">{{ datetime }}</time>
+    <bdi>{{ theme.lastUpdated?.text || "Last updated" }}:</bdi>
+    <time ref="timeRef" dir="auto" :datetime="isoDatetime">{{ datetime }}</time>
   </p>
 </template>
 

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

@@ -15,7 +15,7 @@ defineProps({
   <ul class="VPDocOutlineItem" :class="root ? 'root' : 'nested'">
     <li v-for="{ children, link, title } in headers">
       <a class="outline-link" :href="link" :title>
-        {{ title }}
+        <bdi>{{ title }}</bdi>
       </a>
       <template v-if="children?.length">
         <VPDocOutlineItem :headers="children" />
@@ -31,8 +31,7 @@ defineProps({
 }
 
 .nested {
-  padding-right: 1rem;
-  padding-left: 1rem;
+  padding-inline: 1rem;
 }
 
 .outline-link {
@@ -56,6 +55,6 @@ defineProps({
 }
 
 .outline-link.nested {
-  padding-left: 0.8125rem;
+  padding-inline-start: 0.8125rem;
 }
 </style>

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

@@ -59,14 +59,14 @@ defineProps({
         :width="icon.width || 48"
       />
       <div v-else-if="icon" class="icon" v-html="icon"></div>
-      <h2 class="title" v-html="title"></h2>
+      <h2 class="title"><bdi v-html="title" /></h2>
       <ul v-if="Array.isArray(details)" class="details">
-        <li v-for="item in details" :key="item" v-html="item"></li>
+        <li v-for="item in details" :key="item"><bdi v-html="item" /></li>
       </ul>
-      <p v-else-if="details" class="details" v-html="details"></p>
+      <p v-else-if="details" class="details"><bdi v-html="details" /></p>
       <div v-if="linkText" class="link-text">
         <p class="link-text-value">
-          {{ linkText }} <span class="vpi-arrow-right link-text-icon" />
+          <bdi>{{ linkText }}</bdi> <span class="vpi-arrow-right link-text-icon" />
         </p>
       </div>
     </article>
@@ -128,7 +128,7 @@ defineProps({
 
 ul.details {
   list-style-type: disc;
-  padding-left: 0.875rem;
+  padding-inline-start: 0.875rem;
 }
 
 .link-text {
@@ -144,6 +144,6 @@ ul.details {
 }
 
 .link-text-icon {
-  margin-left: 0.375rem;
+  margin-inline-start: 0.375rem;
 }
 </style>

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

@@ -102,11 +102,11 @@ useEventListener("pointerdown", (e) => {
     >
       <span v-if="button || icon" class="text">
         <span v-if="icon" :class="[icon, 'option-icon']" aria-hidden="true" />
-        <span v-if="button" v-html="button"></span>
+        <span v-if="button" dir="auto" v-html="button"></span>
         <span class="vpi-chevron-down text-icon" aria-hidden="true" />
       </span>
 
-      <span v-else class="vpi-more-horizontal icon" aria-hidden="true" />
+      <span v-else class="vpi-ellipsis icon" aria-hidden="true" />
     </button>
 
     <div ref="menuEl" class="menu" :id="menuId" @pointerleave="onPointerLeave">
@@ -168,7 +168,7 @@ useEventListener("pointerdown", (e) => {
 .text {
   display: flex;
   align-items: center;
-  line-height: var(--vp-nav-height);
+  line-height: 1.5;
   font-size: 0.875rem;
   font-weight: 500;
   color: var(--vp-c-text-1);
@@ -180,7 +180,7 @@ useEventListener("pointerdown", (e) => {
 }
 
 .text-icon {
-  margin-left: 0.25rem;
+  margin-inline-start: 0.25rem;
   font-size: 0.875rem;
 }
 
@@ -192,7 +192,7 @@ useEventListener("pointerdown", (e) => {
 .menu {
   position: absolute;
   top: calc(var(--vp-nav-height) / 2 + 1.25rem);
-  right: 0;
+  inset-inline-end: 0;
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.25s, visibility 0.25s;

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

@@ -12,16 +12,12 @@ const { hasSidebar } = useLayout();
     :class="{ 'has-sidebar': hasSidebar }"
   >
     <div class="container">
-      <p
-        v-if="theme.footer.message"
-        class="message"
-        v-html="theme.footer.message"
-      ></p>
-      <p
-        v-if="theme.footer.copyright"
-        class="copyright"
-        v-html="theme.footer.copyright"
-      ></p>
+      <p v-if="theme.footer.message" class="message">
+        <bdi v-html="theme.footer.message" />
+      </p>
+      <p v-if="theme.footer.copyright" class="copyright">
+        <bdi v-html="theme.footer.copyright" />
+      </p>
     </div>
   </footer>
 </template>

package/dist/client/theme-default/components/VPHero.d.vue.ts

@@ -13,7 +13,7 @@ type __VLS_Props = {
     image?: DefaultTheme.ThemeableImage;
     actions?: HeroAction[];
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_14: {}, __VLS_16: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_15: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
     'home-hero-info-before'?: (props: typeof __VLS_1) => any;
 } & {
@@ -23,9 +23,9 @@ type __VLS_Slots = {} & {
 } & {
     'home-hero-actions-before-actions'?: (props: typeof __VLS_7) => any;
 } & {
-    'home-hero-actions-after'?: (props: typeof __VLS_14) => any;
+    'home-hero-actions-after'?: (props: typeof __VLS_15) => any;
 } & {
-    'home-hero-image'?: (props: typeof __VLS_16) => any;
+    'home-hero-image'?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -35,10 +35,10 @@ const { heroImageSlotExists } = inject(layoutInfoInjectionKey, { heroImageSlotEx
         <slot name="home-hero-info-before" />
         <slot name="home-hero-info">
           <h1 class="heading">
-            <span v-if="name" v-html="name" class="name clip"></span>
-            <span v-if="text" v-html="text" class="text"></span>
+            <span v-if="name" dir="auto" v-html="name" class="name clip"></span>
+            <span v-if="text" dir="auto" v-html="text" class="text"></span>
           </h1>
-          <p v-if="tagline" v-html="tagline" class="tagline"></p>
+          <p v-if="tagline" class="tagline"><bdi v-html="tagline" /></p>
         </slot>
         <slot name="home-hero-info-after" />
 
@@ -116,7 +116,7 @@ const { heroImageSlotExists } = inject(layoutInfoInjectionKey, { heroImageSlotEx
 
 @media (min-width: 60rem) {
   .VPHero.has-image .container {
-    text-align: left;
+    text-align: start;
   }
 }
 
@@ -293,22 +293,20 @@ const { heroImageSlotExists } = inject(layoutInfoInjectionKey, { heroImageSlotEx
     align-items: center;
     width: 100%;
     height: 100%;
-    /*rtl:ignore*/
-    transform: translate(-2rem, -2rem);
+    transform: translate(calc(-2rem * var(--vp-direction-multiplier)), -2rem);
   }
 }
 
 .image-bg {
   position: absolute;
   top: 50%;
-  /*rtl:ignore*/
   left: 50%;
   border-radius: 50%;
   width: 12rem;
   height: 12rem;
   background-image: var(--vp-home-hero-image-background-image);
+  will-change: filter;
   filter: var(--vp-home-hero-image-filter);
-  /*rtl:ignore*/
   transform: translate(-50%, -50%);
 }
 
@@ -329,14 +327,12 @@ const { heroImageSlotExists } = inject(layoutInfoInjectionKey, { heroImageSlotEx
 :deep(.image-src) {
   position: absolute;
   top: 50%;
-  /*rtl:ignore*/
   left: 50%;
   max-width: 12rem;
   max-height: 12rem;
   width: 100%;
   height: 100%;
   object-fit: contain;
-  /*rtl:ignore*/
   transform: translate(-50%, -50%);
 }
 

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

@@ -28,8 +28,7 @@
 /* stretch to full viewport width, overflow is clipped by .VPHome */
 .vp-doc :deep(.VPHomeSponsors),
 .vp-doc :deep(.VPTeamPage) {
-  margin-left: calc(50% - 50vw);
-  margin-right: calc(50% - 50vw);
+  margin-inline: calc(50% - 50vw);
 }
 
 .vp-doc :deep(.VPTeamPage a) {

package/dist/client/theme-default/components/VPHomeHero.d.vue.ts

@@ -1,16 +1,16 @@
-declare var __VLS_9: {}, __VLS_12: {}, __VLS_15: {}, __VLS_18: {}, __VLS_21: {}, __VLS_24: {};
+declare var __VLS_8: {}, __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    'home-hero-info-before'?: (props: typeof __VLS_9) => any;
+    'home-hero-info-before'?: (props: typeof __VLS_8) => any;
 } & {
-    'home-hero-info'?: (props: typeof __VLS_12) => any;
+    'home-hero-info'?: (props: typeof __VLS_11) => any;
 } & {
-    'home-hero-info-after'?: (props: typeof __VLS_15) => any;
+    'home-hero-info-after'?: (props: typeof __VLS_14) => any;
 } & {
-    'home-hero-actions-after'?: (props: typeof __VLS_18) => any;
+    'home-hero-actions-after'?: (props: typeof __VLS_17) => any;
 } & {
-    'home-hero-actions-before-actions'?: (props: typeof __VLS_21) => any;
+    'home-hero-actions-before-actions'?: (props: typeof __VLS_20) => any;
 } & {
-    'home-hero-image'?: (props: typeof __VLS_24) => any;
+    'home-hero-image'?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -29,13 +29,13 @@ defineOptions({ inheritAttrs: false });
       <VPImage
         class="dark"
         :image="image.dark"
-        :alt="image.alt"
+        :alt="alt ?? image.alt"
         v-bind="$attrs"
       />
       <VPImage
         class="light"
         :image="image.light"
-        :alt="image.alt"
+        :alt="alt ?? image.alt"
         v-bind="$attrs"
       />
     </template>

package/dist/client/theme-default/components/VPLink.d.vue.ts

@@ -6,9 +6,9 @@ type __VLS_Props = {
     target?: string;
     rel?: string;
 };
-declare var __VLS_8: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     external: boolean;

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

@@ -48,3 +48,9 @@ const isExternal = computed(() => isLinkExternal(props.href, props.target, props
     <slot />
   </component>
 </template>
+
+<style scoped>
+.vp-external-link-icon::after {
+  color: var(--vp-c-text-3);
+}
+</style>

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

@@ -44,7 +44,7 @@ const isScrolled = computed(() => y.value >= navHeight.value);
         aria-controls="VPSidebarNav"
         @click="$emit('open-menu')"
       >
-        <span class="vpi-align-left menu-icon" aria-hidden="true"></span>
+        <span class="vpi-text-align-start menu-icon" aria-hidden="true"></span>
         <span class="menu-text">
           {{ theme.sidebarMenuLabel || "Menu" }}
         </span>
@@ -59,8 +59,7 @@ const isScrolled = computed(() => y.value >= navHeight.value);
 .VPLocalNav {
   position: sticky;
   top: 0;
-  /*rtl:ignore*/
-  left: 0;
+  inset-inline-start: 0;
   z-index: var(--vp-z-index-local-nav);
   border-bottom: 1px solid var(--vp-local-nav-divider-color);
   padding-top: var(--vp-layout-top-height, 0px);
@@ -95,7 +94,7 @@ const isScrolled = computed(() => y.value >= navHeight.value);
   }
 
   .VPLocalNav.has-sidebar {
-    padding-left: var(--vp-sidebar-width);
+    padding-inline-start: var(--vp-sidebar-width);
   }
 
   .VPLocalNav.empty {
@@ -137,7 +136,7 @@ const isScrolled = computed(() => y.value >= navHeight.value);
 }
 
 .menu-icon {
-  margin-right: 0.5rem;
+  margin-inline-end: 0.5rem;
   font-size: 0.875rem;
 }