vitepress 2.0.0-alpha.17 → 2.0.0-alpha.19

package/dist/client/app/components/Content.js

@@ -8,8 +8,8 @@ export const Content = defineComponent({
         as: { type: [Object, String], default: 'div' }
     },
     setup(props) {
-        const route = useRoute();
         const { frontmatter, site } = useData();
+        const route = useRoute();
         watch(frontmatter, runCbs, { deep: true, flush: 'post' });
         return () => h(props.as, site.value.contentProps ?? { style: { position: 'relative' } }, [
             route.component

package/dist/client/app/data.js

@@ -1,13 +1,13 @@
 import siteData from '@siteData';
 import { useDark, usePreferredDark } from '@vueuse/core';
-import { computed, inject, readonly, ref, shallowRef, watch } from 'vue';
-import { APPEARANCE_KEY, createTitle, inBrowser, resolveSiteDataByRoute } from '../shared';
+import { computed, inject, readonly, ref, shallowRef } from 'vue';
+import { APPEARANCE_KEY, createTitle, resolveSiteDataByRoute } from '../shared';
 export const dataSymbol = Symbol();
 // site data is a singleton
 export const siteDataRef = shallowRef(readonly(siteData));
 // per-app data
 export function initData(route) {
-    const site = computed(() => resolveSiteDataByRoute(siteDataRef.value, route.data.relativePath));
+    const site = computed(() => resolveSiteDataByRoute(siteDataRef.value, route.data.relativePath, route.data.filePath));
     const appearance = site.value.appearance; // fine with reactivity being lost here, config change triggers a restart
     const isDark = appearance === 'force-dark'
         ? ref(true)
@@ -20,15 +20,6 @@ export function initData(route) {
                     ...(typeof appearance === 'object' ? appearance : {})
                 })
                 : ref(false);
-    const hashRef = ref(inBrowser ? location.hash : '');
-    if (inBrowser) {
-        window.addEventListener('hashchange', () => {
-            hashRef.value = location.hash;
-        });
-    }
-    watch(() => route.data, () => {
-        hashRef.value = inBrowser ? location.hash : '';
-    });
     return {
         site,
         theme: computed(() => site.value.themeConfig),
@@ -40,8 +31,7 @@ export function initData(route) {
         localeIndex: computed(() => site.value.localeIndex || 'root'),
         title: computed(() => createTitle(site.value, route.data)),
         description: computed(() => route.data.description || site.value.description),
-        isDark,
-        hash: computed(() => hashRef.value)
+        isDark
     };
 }
 export function useData() {

package/dist/client/app/index.js

@@ -136,7 +136,7 @@ if (inBrowser) {
             app.mount('#app');
             // scroll to hash on new tab during dev
             if (import.meta.env.DEV && location.hash) {
-                scrollTo(location.hash);
+                setTimeout(() => scrollTo(location.hash), 100);
             }
         });
     });

package/dist/client/app/router.js

@@ -1,7 +1,7 @@
 import { inject, markRaw, nextTick, reactive, readonly } from 'vue';
 import { notFoundPageData, treatAsHtml } from '../shared';
 import { siteDataRef } from './data';
-import { getScrollOffset, inBrowser, withBase } from './utils';
+import { inBrowser, withBase } from './utils';
 export const RouterSymbol = Symbol();
 // we are just using URL to parse the pathname and hash - the base doesn't
 // matter and is only passed to support same-host hrefs
@@ -70,7 +70,7 @@ export function createRouter(loadPageModule, fallbackComponent) {
                             history.replaceState({}, '', href);
                         }
                         if (!initialLoad)
-                            scrollTo(targetLoc.hash, false, scrollPosition);
+                            scrollTo(targetLoc.hash, scrollPosition);
                     });
                 }
             }
@@ -143,10 +143,7 @@ export function createRouter(loadPageModule, fallbackComponent) {
             // only intercept inbound html links
             if (origin === currentLoc.origin && treatAsHtml(pathname)) {
                 e.preventDefault();
-                router.go(href, {
-                    // use smooth scroll when clicking on header anchor links
-                    smoothScroll: link.classList.contains('header-anchor')
-                });
+                router.go(href);
             }
         }, { capture: true });
         window.addEventListener('popstate', async (e) => {
@@ -174,7 +171,7 @@ export function useRouter() {
 export function useRoute() {
     return useRouter().route;
 }
-export function scrollTo(hash, smooth = false, scrollPosition = 0) {
+export function scrollTo(hash, scrollPosition = 0) {
     if (!hash || scrollPosition) {
         window.scrollTo(0, scrollPosition);
         return;
@@ -188,18 +185,8 @@ export function scrollTo(hash, smooth = false, scrollPosition = 0) {
     }
     if (!target)
         return;
-    const targetTop = window.scrollY +
-        target.getBoundingClientRect().top -
-        getScrollOffset() +
-        Number.parseInt(window.getComputedStyle(target).paddingTop, 10) || 0;
-    const behavior = window.matchMedia('(prefers-reduced-motion)').matches
-        ? 'instant'
-        : // only smooth scroll if distance is smaller than screen height
-            smooth && Math.abs(targetTop - window.scrollY) <= window.innerHeight
-                ? 'smooth'
-                : 'auto';
     const scrollToTarget = () => {
-        window.scrollTo({ left: 0, top: targetTop, behavior });
+        target.scrollIntoView({ block: 'start' });
         // focus the target element for better accessibility
         target.focus({ preventScroll: true });
         // return if focus worked
@@ -253,14 +240,14 @@ function normalizeHref(href) {
     }
     return url.pathname + url.search + url.hash.split(':~:')[0];
 }
-async function changeRoute(href, { smoothScroll = false, initialLoad = false, replace = false, hasTextFragment = false } = {}) {
+async function changeRoute(href, { initialLoad = false, replace = false, hasTextFragment = false } = {}) {
     const loc = normalizeHref(location.href);
     const nextUrl = new URL(href, location.origin);
     const currentUrl = new URL(loc, location.origin);
     if (href === loc) {
         if (!initialLoad) {
             if (!hasTextFragment)
-                scrollTo(nextUrl.hash, smoothScroll);
+                scrollTo(nextUrl.hash);
             return false;
         }
     }
@@ -281,7 +268,7 @@ async function changeRoute(href, { smoothScroll = false, initialLoad = false, re
                     newURL: nextUrl.href
                 }));
                 if (!hasTextFragment)
-                    scrollTo(nextUrl.hash, smoothScroll);
+                    scrollTo(nextUrl.hash);
             }
             return false;
         }

package/dist/client/app/utils.js

@@ -10,7 +10,7 @@ export function joinPath(base, path) {
     return `${base}${path}`.replace(/\/+/g, '/');
 }
 /**
- * Append base to internal (non-relative) urls
+ * Prepend base to internal (non-relative) urls
  */
 export function withBase(path) {
     return EXTERNAL_URL_RE.test(path) || !path.startsWith('/')
@@ -84,37 +84,3 @@ export function defineClientComponent(loader, args, cb) {
         }
     };
 }
-export function getScrollOffset() {
-    let scrollOffset = siteDataRef.value.scrollOffset;
-    let offset = 0;
-    let padding = 24;
-    if (typeof scrollOffset === 'object' && 'padding' in scrollOffset) {
-        padding = scrollOffset.padding;
-        scrollOffset = scrollOffset.selector;
-    }
-    if (typeof scrollOffset === 'number') {
-        offset = scrollOffset;
-    }
-    else if (typeof scrollOffset === 'string') {
-        offset = tryOffsetSelector(scrollOffset, padding);
-    }
-    else if (Array.isArray(scrollOffset)) {
-        for (const selector of scrollOffset) {
-            const res = tryOffsetSelector(selector, padding);
-            if (res) {
-                offset = res;
-                break;
-            }
-        }
-    }
-    return offset;
-}
-function tryOffsetSelector(selector, padding) {
-    const el = document.querySelector(selector);
-    if (!el)
-        return 0;
-    const bot = el.getBoundingClientRect().bottom;
-    if (bot < 0)
-        return 0;
-    return bot + padding;
-}

package/dist/client/index.d.ts

@@ -1,7 +1,7 @@
+import { Route, Awaitable, SiteData, VitePressData, PageData } from '../../types/shared.js';
+export { HeadConfig, Header, PageData, Route, SiteData, VitePressData } from '../../types/shared.js';
 import * as vue from 'vue';
-import { Component, Ref, InjectionKey, App, AsyncComponentLoader } from 'vue';
-import { PageData, Awaitable, SiteData } from '../../types/shared.js';
-export { HeadConfig, Header, PageData, SiteData } from '../../types/shared.js';
+import { App, Ref, Component, InjectionKey, AsyncComponentLoader } from 'vue';
 
 declare const inBrowser: boolean;
 /**
@@ -9,13 +9,6 @@ declare const inBrowser: boolean;
  */
 declare function escapeHtml(str: string): string;
 
-interface Route {
-    path: string;
-    hash: string;
-    query: string;
-    data: PageData;
-    component: Component | null;
-}
 interface Router {
     /**
      * Current route.
@@ -26,7 +19,6 @@ interface Router {
      */
     go: (to: string, options?: {
         initialLoad?: boolean;
-        smoothScroll?: boolean;
         replace?: boolean;
     }) => Promise<void>;
     /**
@@ -50,41 +42,6 @@ interface Router {
 declare function useRouter(): Router;
 declare function useRoute(): Route;
 
-declare const dataSymbol: InjectionKey<VitePressData>;
-interface VitePressData<T = any> {
-    /**
-     * Site-level metadata
-     */
-    site: Ref<SiteData<T>>;
-    /**
-     * themeConfig from .vitepress/config.js
-     */
-    theme: Ref<T>;
-    /**
-     * Page-level metadata
-     */
-    page: Ref<PageData>;
-    /**
-     * page frontmatter data
-     */
-    frontmatter: Ref<PageData['frontmatter']>;
-    /**
-     * dynamic route params
-     */
-    params: Ref<PageData['params']>;
-    title: Ref<string>;
-    description: Ref<string>;
-    lang: Ref<string>;
-    dir: Ref<string>;
-    localeIndex: Ref<string>;
-    isDark: Ref<boolean>;
-    /**
-     * Current location hash
-     */
-    hash: Ref<string>;
-}
-declare function useData<T = any>(): VitePressData<T>;
-
 interface EnhanceAppContext {
     app: App;
     router: Router;
@@ -104,21 +61,9 @@ interface Theme {
     NotFound?: Component;
 }
 
-/**
- * Append base to internal (non-relative) urls
- */
-declare function withBase(path: string): string;
-/**
- * Register callback that is called every time the markdown content is updated
- * in the DOM.
- */
-declare function onContentUpdated(fn: () => any): void;
-declare function defineClientComponent(loader: AsyncComponentLoader, args?: any[], cb?: () => Awaitable<void>): {
-    setup(): () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }> | null;
-};
-declare function getScrollOffset(): number;
+declare const ClientOnly: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare const Content: vue.DefineComponent<vue.ExtractPropTypes<{
     as: {
@@ -136,4 +81,34 @@ declare const Content: vue.DefineComponent<vue.ExtractPropTypes<{
     as: string | Record<string, any>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { Content, type EnhanceAppContext, type Route, type Router, type Theme, type VitePressData, escapeHtml as _escapeHtml, dataSymbol, defineClientComponent, getScrollOffset, inBrowser, onContentUpdated, useData, useRoute, useRouter, withBase };
+declare const dataSymbol: InjectionKey<VitePressData>;
+
+declare function useData<T = any>(): VitePressData<T>;
+
+/**
+ * Prepend base to internal (non-relative) urls
+ */
+declare function withBase(path: string): string;
+/**
+ * Register callback that is called every time the markdown content is updated
+ * in the DOM.
+ */
+declare function onContentUpdated(fn: () => any): void;
+declare function defineClientComponent(loader: AsyncComponentLoader, args?: any[], cb?: () => Awaitable<void>): {
+    setup(): () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }> | null;
+};
+
+declare module 'vue' {
+    interface GlobalComponents {
+        ClientOnly: typeof ClientOnly;
+        Content: typeof Content;
+    }
+    interface ComponentCustomProperties {
+        $frontmatter: PageData['frontmatter'];
+        $params: PageData['params'];
+    }
+}
+
+export { ClientOnly, Content, type EnhanceAppContext, type Router, type Theme, escapeHtml as _escapeHtml, dataSymbol, defineClientComponent, inBrowser, onContentUpdated, useData, useRoute, useRouter, withBase };

package/dist/client/index.js

@@ -1,9 +1,12 @@
 // exports in this file are exposed to themes and md files via 'vitepress'
 // so the user can do `import { useRoute, useData } from 'vitepress'`
+// components
+import { ClientOnly } from './app/components/ClientOnly';
+import { Content } from './app/components/Content';
 // composables
 export { dataSymbol, useData } from './app/data';
 export { useRoute, useRouter } from './app/router';
 // utilities
-export { _escapeHtml, defineClientComponent, getScrollOffset, inBrowser, onContentUpdated, withBase } from './app/utils';
+export { _escapeHtml, defineClientComponent, inBrowser, onContentUpdated, withBase } from './app/utils';
 // components
-export { Content } from './app/components/Content';
+export { ClientOnly, Content };

package/dist/client/shared.js

@@ -4,7 +4,12 @@ export const VP_SOURCE_KEY = '[VP_SOURCE]';
 const UnpackStackView = Symbol('stack-view:unpack');
 const HASH_WITHOUT_FRAGMENT_RE = /#.*?(?=:~:|$)/;
 const HASH_OR_QUERY_RE = /[?#].*$/;
-const INDEX_OR_EXT_RE = /(?:(^|\/)index)?\.(?:md|html)$/;
+const INDEX_OR_EXT_RE = /(?:(^|\/)index)?(?:\.(?:md|html))?$/;
+// https://github.com/rollup/rollup/blob/fec513270c6ac350072425cc045db367656c623b/src/utils/sanitizeFileName.ts
+const INVALID_CHAR_REGEX = /[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g;
+const DRIVE_LETTER_REGEX = /^[a-z]:/i;
+const KNOWN_EXTENSIONS = new Set();
+const shellLangs = ['shellscript', 'shell', 'bash', 'sh', 'zsh'];
 export const inBrowser = typeof document !== 'undefined';
 export const notFoundPageData = {
     relativePath: '404.md',
@@ -16,10 +21,7 @@ export const notFoundPageData = {
     lastUpdated: 0,
     isNotFound: true
 };
-export function isActive(currentPath, matchPath, asRegex = false) {
-    if (matchPath === undefined) {
-        return false;
-    }
+export function isActive(currentPath, currentHash, matchPath, asRegex = false, skipHashCheck = false) {
     currentPath = normalize(`/${currentPath}`);
     if (asRegex) {
         return new RegExp(matchPath).test(currentPath);
@@ -27,9 +29,12 @@ export function isActive(currentPath, matchPath, asRegex = false) {
     if (normalize(matchPath) !== currentPath) {
         return false;
     }
+    if (skipHashCheck) {
+        return true;
+    }
     const hashMatch = matchPath.match(HASH_WITHOUT_FRAGMENT_RE);
     if (hashMatch) {
-        return (inBrowser ? location.hash : '') === hashMatch[0];
+        return currentHash === hashMatch[0];
     }
     return true;
 }
@@ -44,16 +49,18 @@ export function isExternal(path) {
 export function getLocaleForPath(siteData, relativePath) {
     return (Object.keys(siteData?.locales || {}).find((key) => key !== 'root' &&
         !isExternal(key) &&
-        isActive(relativePath, `^/${key}/`, true)) || 'root');
+        isActive(relativePath, '', `^/${key}/`, true)) || 'root');
 }
 /**
  * this merges the locales data to the main data by the route
  */
-export function resolveSiteDataByRoute(siteData, relativePath) {
+export function resolveSiteDataByRoute(siteData, relativePath, filePath) {
     const localeIndex = getLocaleForPath(siteData, relativePath);
-    const { label, link, ...localeConfig } = siteData.locales[localeIndex] ?? {};
+    const { label, link, markdown, ...localeConfig } = siteData.locales[localeIndex] ?? {};
     Object.assign(localeConfig, { localeIndex });
-    const additionalConfigs = resolveAdditionalConfig(siteData, relativePath);
+    // additional configs are colocated with sources, so resolve them by the
+    // source path (filePath) rather than the rewritten one
+    const additionalConfigs = resolveAdditionalConfig(siteData, filePath || relativePath);
     if (inBrowser && import.meta.env?.DEV) {
         ;
         localeConfig[VP_SOURCE_KEY] = `locale config (${localeIndex})`;
@@ -119,9 +126,6 @@ export function mergeHead(...headArrays) {
     }
     return merged;
 }
-// https://github.com/rollup/rollup/blob/fec513270c6ac350072425cc045db367656c623b/src/utils/sanitizeFileName.ts
-const INVALID_CHAR_REGEX = /[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g;
-const DRIVE_LETTER_REGEX = /^[a-z]:/i;
 export function sanitizeFileName(name) {
     const match = DRIVE_LETTER_REGEX.exec(name);
     const driveLetter = match ? match[0] : '';
@@ -134,7 +138,6 @@ export function sanitizeFileName(name) {
 export function slash(p) {
     return p.replace(/\\/g, '/');
 }
-const KNOWN_EXTENSIONS = new Set();
 export function treatAsHtml(filename) {
     if (KNOWN_EXTENSIONS.size === 0) {
         const extraExts = (typeof process === 'object' && process.env?.VITE_EXTRA_EXTENSIONS) ||
@@ -237,7 +240,6 @@ stackView.unpack = function (obj) {
 export function isObject(value) {
     return Object.prototype.toString.call(value) === '[object Object]';
 }
-const shellLangs = ['shellscript', 'shell', 'bash', 'sh', 'zsh'];
 export function isShell(lang) {
     return shellLangs.includes(lang);
 }

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

@@ -1,12 +1,16 @@
 <script setup lang="ts">
 import type { DocSearchInstance, DocSearchProps } from '@docsearch/js'
-import type { SidepanelInstance, SidepanelProps } from '@docsearch/sidepanel-js'
+import type { SidepanelInstance } from '@docsearch/sidepanel-js'
 import { inBrowser, useRouter } from 'vitepress'
 import type { DefaultTheme } from 'vitepress/theme'
 import { nextTick, onUnmounted, watch } from 'vue'
 import type { DocSearchAskAi } from '../../../../types/docsearch'
 import { useData } from '../composables/data'
-import { resolveMode, validateCredentials } from '../support/docsearch'
+import {
+  buildSidePanelProps,
+  resolveMode,
+  validateCredentials
+} from '../support/docsearch'
 
 import '../styles/docsearch.css'
 
@@ -105,12 +109,7 @@ async function initialize(userOptions: DefaultTheme.AlgoliaSearchOptions) {
     if (currentInitialize !== initializeCount) return
 
     sidepanelInstance = sidepanel({
-      ...(askAi.sidePanel === true ? {} : askAi.sidePanel),
-      container: '#vp-docsearch-sidepanel',
-      indexName: askAi.indexName ?? userOptions.indexName,
-      appId: askAi.appId ?? userOptions.appId,
-      apiKey: askAi.apiKey ?? userOptions.apiKey,
-      assistantId: askAi.assistantId,
+      ...buildSidePanelProps(askAi, userOptions),
       onOpen: focusInput,
       onClose: onClose.bind(null, 'sidepanel'),
       onReady: () => {
@@ -122,7 +121,7 @@ async function initialize(userOptions: DefaultTheme.AlgoliaSearchOptions) {
       keyboardShortcuts: {
         'Ctrl/Cmd+I': false
       }
-    } as SidepanelProps)
+    })
   }
 
   const options = {

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { normalizeLink } from '../support/utils'
 import { EXTERNAL_URL_RE } from '../../shared'
+import { normalizeLink } from '../support/utils'
 
 interface Props {
   tag?: string

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

@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import { useRoute } from 'vitepress'
 import type { DefaultTheme } from 'vitepress/theme'
-import { ref, watch, onMounted } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 import { useAside } from '../composables/aside'
-import { useData } from '../composables/data'
 
-const { page } = useData()
+const route = useRoute()
 const props = defineProps<{
   carbonAds: DefaultTheme.CarbonAdsOptions
 }>()
@@ -19,15 +19,20 @@ let isInitialized = false
 function init() {
   if (!isInitialized) {
     isInitialized = true
+    const params = new URLSearchParams({
+      serve: carbonOptions.code,
+      placement: carbonOptions.placement,
+      format: carbonOptions?.format || 'classic',
+    })
     const s = document.createElement('script')
     s.id = '_carbonads_js'
-    s.src = `//cdn.carbonads.com/carbon.js?serve=${carbonOptions.code}&placement=${carbonOptions.placement}`
+    s.src = `//cdn.carbonads.com/carbon.js?${params.toString()}`
     s.async = true
     container.value.appendChild(s)
   }
 }
 
-watch(() => page.value.relativePath, () => {
+watch(() => route.data.relativePath, () => {
   if (isInitialized && isAsideEnabled.value) {
     ;(window as any)._carbonads?.refresh()
   }

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

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { resolveDynamicComponent } from 'vue'
 import NotFound from '../NotFound.vue'
 import { useData } from '../composables/data'
 import { useLayout } from '../composables/layout'
@@ -8,6 +9,10 @@ import VPPage from './VPPage.vue'
 
 const { page, frontmatter } = useData()
 const { isHome, hasSidebar } = useLayout()
+
+function isRegistered(component: string): boolean {
+  return typeof resolveDynamicComponent(component) !== 'string'
+}
 </script>
 
 <template>
@@ -18,12 +23,12 @@ const { isHome, hasSidebar } = useLayout()
   >
     <slot name="not-found" v-if="page.isNotFound"><NotFound /></slot>
 
-    <VPPage v-else-if="frontmatter.layout === 'page'">
+    <VPPage v-else-if="frontmatter.layout === 'page' && !isRegistered('page')">
       <template #page-top><slot name="page-top" /></template>
       <template #page-bottom><slot name="page-bottom" /></template>
     </VPPage>
 
-    <VPHome v-else-if="frontmatter.layout === 'home'">
+    <VPHome v-else-if="frontmatter.layout === 'home' && !isRegistered('home')">
       <template #home-hero-before><slot name="home-hero-before" /></template>
       <template #home-hero-info-before><slot name="home-hero-info-before" /></template>
       <template #home-hero-info><slot name="home-hero-info" /></template>
@@ -36,12 +41,7 @@ const { isHome, hasSidebar } = useLayout()
       <template #home-features-after><slot name="home-features-after" /></template>
     </VPHome>
 
-    <component
-      v-else-if="frontmatter.layout && frontmatter.layout !== 'doc'"
-      :is="frontmatter.layout"
-    />
-
-    <VPDoc v-else>
+    <VPDoc v-else-if="(!frontmatter.layout || frontmatter.layout === 'doc') && !isRegistered('doc')">
       <template #doc-top><slot name="doc-top" /></template>
       <template #doc-bottom><slot name="doc-bottom" /></template>
 
@@ -56,6 +56,8 @@ const { isHome, hasSidebar } = useLayout()
       <template #aside-ads-after><slot name="aside-ads-after" /></template>
       <template #aside-bottom><slot name="aside-bottom" /></template>
     </VPDoc>
+
+    <component v-else :is="frontmatter.layout || 'doc'" />
   </div>
 </template>
 

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

@@ -7,7 +7,6 @@ import VPDocAside from './VPDocAside.vue'
 import VPDocFooter from './VPDocFooter.vue'
 
 const { theme } = useData()
-
 const route = useRoute()
 const { hasSidebar, hasAside, leftAside } = useLayout()
 

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useData } from '../composables/data'
-import VPDocAsideOutline from './VPDocAsideOutline.vue'
 import VPDocAsideCarbonAds from './VPDocAsideCarbonAds.vue'
+import VPDocAsideOutline from './VPDocAsideOutline.vue'
 
 const { theme } = useData()
 </script>

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { defineAsyncComponent } from 'vue'
 import type { DefaultTheme } from 'vitepress/theme'
+import { defineAsyncComponent } from 'vue'
 
 defineProps<{
   carbonAds: DefaultTheme.CarbonAdsOptions

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

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { useData } from '../composables/data'
+import { useLayout } from '../composables/layout'
 import { resolveTitle, useActiveAnchor } from '../composables/outline'
 import VPDocOutlineItem from './VPDocOutlineItem.vue'
-import { useLayout } from '../composables/layout'
 
 const { theme } = useData()
 

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { Sponsors } from './VPSponsors.vue'
-import type { Sponsor } from './VPSponsorsGrid.vue'
 import VPSponsors from './VPSponsors.vue'
+import type { Sponsor } from './VPSponsorsGrid.vue'
 
 defineProps<{
   tier?: string

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

@@ -3,8 +3,8 @@ import { computed } from 'vue'
 import { useData } from '../composables/data'
 import { useEditLink } from '../composables/edit-link'
 import { usePrevNext } from '../composables/prev-next'
-import VPLink from './VPLink.vue'
 import VPDocFooterLastUpdated from './VPDocFooterLastUpdated.vue'
+import VPLink from './VPLink.vue'
 
 const { theme, page, frontmatter } = useData()
 
@@ -53,6 +53,8 @@ const showFooter = computed(
           v-if="control.prev?.link"
           class="pager-link prev"
           :href="control.prev.link"
+          :target="control.prev.target"
+          :rel="control.prev.rel"
         >
           <span
             class="desc"
@@ -66,6 +68,8 @@ const showFooter = computed(
           v-if="control.next?.link"
           class="pager-link next"
           :href="control.next.link"
+          :target="control.next.target"
+          :rel="control.next.rel"
         >
           <span
             class="desc"

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

@@ -39,7 +39,7 @@ onMounted(() => {
 
 <template>
   <p class="VPLastUpdated">
-    {{ theme.lastUpdated?.text || theme.lastUpdatedText || 'Last updated' }}:
+    {{ theme.lastUpdated?.text || 'Last updated' }}:
     <time ref="timeRef" :datetime="isoDatetime">{{ datetime }}</time>
   </p>
 </template>