vitepress 1.4.0 → 1.4.2

package/dist/client/app/composables/head.js

@@ -64,7 +64,7 @@ function createHeadElement([tag, attrs, innerHTML]) {
     if (innerHTML) {
         el.innerHTML = innerHTML;
     }
-    if (tag === 'script' && !attrs.async) {
+    if (tag === 'script' && attrs.async == null) {
         // async is true by default for dynamically created scripts
         ;
         el.async = false;

package/dist/client/app/data.js

@@ -1,5 +1,5 @@
 import siteData from '@siteData';
-import { useDark } from '@vueuse/core';
+import { useDark, usePreferredDark } from '@vueuse/core';
 import { computed, inject, readonly, ref, shallowRef, watch } from 'vue';
 import { APPEARANCE_KEY, createTitle, inBrowser, resolveSiteDataByRoute } from '../shared';
 export const dataSymbol = Symbol();
@@ -19,13 +19,15 @@ export function initData(route) {
     const appearance = site.value.appearance; // fine with reactivity being lost here, config change triggers a restart
     const isDark = appearance === 'force-dark'
         ? ref(true)
-        : appearance
-            ? useDark({
-                storageKey: APPEARANCE_KEY,
-                initialValue: () => (appearance === 'dark' ? 'dark' : 'auto'),
-                ...(typeof appearance === 'object' ? appearance : {})
-            })
-            : ref(false);
+        : appearance === 'force-auto'
+            ? usePreferredDark()
+            : appearance
+                ? useDark({
+                    storageKey: APPEARANCE_KEY,
+                    initialValue: () => (appearance === 'dark' ? 'dark' : 'auto'),
+                    ...(typeof appearance === 'object' ? appearance : {})
+                })
+                : ref(false);
     const hashRef = ref(inBrowser ? location.hash : '');
     if (inBrowser) {
         window.addEventListener('hashchange', () => {

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

@@ -281,7 +281,7 @@ function onSearchBarClick(event: PointerEvent) {
 /* Search keyboard selection */
 
 const selectedIndex = ref(-1)
-const disableMouseOver = ref(false)
+const disableMouseOver = ref(true)
 
 watch(results, (r) => {
   selectedIndex.value = r.length ? 0 : -1
@@ -400,6 +400,16 @@ function formMarkRegex(terms: Set<string>) {
     'gi'
   )
 }
+
+function onMouseMove(e: MouseEvent) {
+  if (!disableMouseOver.value) return
+  const el = (e.target as HTMLElement)?.closest<HTMLAnchorElement>('.result')
+  const index = Number.parseInt(el?.dataset.index!)
+  if (index >= 0 && index !== selectedIndex.value) {
+    selectedIndex.value = index
+  }
+  disableMouseOver.value = false
+}
 </script>
 
 <template>
@@ -440,10 +450,20 @@ function formMarkRegex(terms: Set<string>) {
           <input
             ref="searchInput"
             v-model="filterText"
-            :placeholder="buttonText"
-            id="localsearch-input"
+            :aria-activedescendant="selectedIndex > -1 ? ('localsearch-item-' + selectedIndex) : undefined"
+            aria-autocomplete="both"
+            :aria-controls="results?.length ? 'localsearch-list' : undefined"
             aria-labelledby="localsearch-label"
+            autocapitalize="off"
+            autocomplete="off"
+            autocorrect="off"
             class="search-input"
+            id="localsearch-input"
+            enterkeyhint="go"
+            maxlength="64"
+            :placeholder="buttonText"
+            spellcheck="false"
+            type="search"
           />
           <div class="search-actions">
             <button
@@ -477,13 +497,14 @@ function formMarkRegex(terms: Set<string>) {
           :role="results?.length ? 'listbox' : undefined"
           :aria-labelledby="results?.length ? 'localsearch-label' : undefined"
           class="results"
-          @mousemove="disableMouseOver = false"
+          @mousemove="onMouseMove"
         >
           <li
             v-for="(p, index) in results"
             :key="p.id"
-            role="option"
+            :id="'localsearch-item-' + index"
             :aria-selected="selectedIndex === index ? 'true' : 'false'"
+            role="option"
           >
             <a
               :href="p.id"
@@ -495,6 +516,7 @@ function formMarkRegex(terms: Set<string>) {
               @mouseenter="!disableMouseOver && (selectedIndex = index)"
               @focusin="selectedIndex = index"
               @click="$emit('close')"
+              :data-index="index"
             >
               <div>
                 <div class="titles">

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

@@ -14,12 +14,19 @@ const { page } = useData()
 <template>
   <div class="VPMenuLink">
     <VPLink
-      :class="{ active: isActive(page.relativePath, item.activeMatch || item.link, !!item.activeMatch) }"
+      :class="{
+        active: isActive(
+          page.relativePath,
+          item.activeMatch || item.link,
+          !!item.activeMatch
+        )
+      }"
       :href="item.link"
       :target="item.target"
       :rel="item.rel"
+      :no-icon="item.noIcon"
     >
-      {{ item.text }}
+      <span v-html="item.text"></span>
     </VPLink>
   </div>
 </template>
@@ -40,7 +47,9 @@ const { page } = useData()
   font-weight: 500;
   color: var(--vp-c-text-1);
   white-space: nowrap;
-  transition: background-color 0.25s, color 0.25s;
+  transition:
+    background-color 0.25s,
+    color 0.25s;
 }
 
 .link:hover {

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

@@ -22,9 +22,9 @@ const { page } = useData()
       )
     }"
     :href="item.link"
-    :noIcon="item.noIcon"
     :target="item.target"
     :rel="item.rel"
+    :no-icon="item.noIcon"
     tabindex="0"
   >
     <span v-html="item.text"></span>

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

@@ -39,8 +39,8 @@ const target = computed(() =>
     >
       <slot name="nav-bar-title-before" />
       <VPImage v-if="theme.logo" class="logo" :image="theme.logo" />
-      <template v-if="theme.siteTitle"><span>{{ theme.siteTitle }}</span></template>
-      <template v-else-if="theme.siteTitle === undefined"><span>{{ site.title }}</span></template>
+      <span v-if="theme.siteTitle" v-html="theme.siteTitle"></span>
+      <span v-else-if="theme.siteTitle === undefined">{{ site.title }}</span>
       <slot name="nav-bar-title-after" />
     </a>
   </div>

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

@@ -16,9 +16,10 @@ const closeScreen = inject('close-screen') as () => void
     :href="item.link"
     :target="item.target"
     :rel="item.rel"
+    :no-icon="item.noIcon"
     @click="closeScreen"
   >
-    {{ item.text }}
+    <span v-html="item.text"></span>
   </VPLink>
 </template>
 

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

@@ -16,9 +16,11 @@ const closeScreen = inject('close-screen') as () => void
     :href="item.link"
     :target="item.target"
     :rel="item.rel"
+    :no-icon="item.noIcon"
     @click="closeScreen"
-    v-html="item.text"
-  />
+  >
+    <span v-html="item.text"></span>
+  </VPLink>
 </template>
 
 <style scoped>
@@ -30,7 +32,9 @@ const closeScreen = inject('close-screen') as () => void
   font-size: 14px;
   font-weight: 500;
   color: var(--vp-c-text-1);
-  transition: border-color 0.25s, color 0.25s;
+  transition:
+    border-color 0.25s,
+    color 0.25s;
 }
 
 .VPNavScreenMenuLink:hover {

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

@@ -514,6 +514,7 @@
   z-index: 2;
   font-size: 12px;
   font-weight: 500;
+  user-select: none;
   color: var(--vp-code-lang-color);
   transition:
     color 0.4s,

package/dist/client/theme-default/styles/vars.css

@@ -270,9 +270,8 @@
 
 :root:where(:lang(zh)) {
   --vp-font-family-base: 'Punctuation SC', 'Inter', ui-sans-serif, system-ui,
-    'PingFang SC', 'Noto Sans CJK SC', 'Noto Sans SC', 'Heiti SC',
-    'Microsoft YaHei', 'DengXian', sans-serif, 'Apple Color Emoji',
-    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    'Noto Color Emoji';
 }
 
 /**

package/dist/node/cli.js

@@ -1,4 +1,4 @@
-import { q as getDefaultExportFromCjs, t as c, u as clearCache, l as init, b as build, n as serve, v as version, o as createServer } from './serve-Bvg4Nr_L.js';
+import { t as getDefaultExportFromCjs, u as c, n as disposeMdItInstance, v as clearCache, l as init, b as build, o as serve, w as version, q as createServer } from './serve-BSNQCR34.js';
 import { createLogger } from 'vite';
 import 'path';
 import 'shiki';
@@ -357,6 +357,7 @@ const SHORTCUTS = [
         clear: true,
         timestamp: true
       });
+      disposeMdItInstance();
       clearCache();
       await server.close();
       await createDevServer();

package/dist/node/index.d.ts

@@ -2164,7 +2164,7 @@ interface MarkdownOptions extends Options$2 {
      */
     container?: ContainerOptions;
     /**
-     * Math support (experimental)
+     * Math support
      *
      * You need to install `markdown-it-mathjax3` and set `math` to `true` to enable it.
      * You can also pass options to `markdown-it-mathjax3` here.
@@ -2181,7 +2181,11 @@ interface MarkdownOptions extends Options$2 {
     gfmAlerts?: boolean;
 }
 type MarkdownRenderer = MarkdownIt;
-declare const createMarkdownRenderer: (srcDir: string, options?: MarkdownOptions, base?: string, logger?: Pick<Logger, "warn">) => Promise<MarkdownRenderer>;
+declare function disposeMdItInstance(): void;
+/**
+ * @experimental
+ */
+declare function createMarkdownRenderer(srcDir: string, options?: MarkdownOptions, base?: string, logger?: Pick<Logger, 'warn'>): Promise<MarkdownRenderer>;
 
 type RawConfigExports<ThemeConfig = any> = Awaitable<UserConfig<ThemeConfig>> | (() => Awaitable<UserConfig<ThemeConfig>>);
 interface TransformContext {
@@ -2304,7 +2308,7 @@ interface UserConfig<ThemeConfig = any> extends LocaleSpecificConfig<ThemeConfig
      *
      * source -> destination
      */
-    rewrites?: Record<string, string>;
+    rewrites?: Record<string, string> | ((id: string) => string);
     /**
      * @experimental
      */
@@ -2608,4 +2612,4 @@ declare function createServer(root?: string, serverOptions?: ServerOptions & {
     base?: string;
 }, recreateServer?: () => Promise<void>): Promise<vite.ViteDevServer>;
 
-export { type ContentData, type ContentOptions, type LoaderModule, type MarkdownOptions, type MarkdownRenderer, type RawConfigExports, type ResolvedRouteConfig, type ScaffoldOptions, ScaffoldThemeType, type ServeOptions, type SiteConfig, type ThemeOptions, type TransformContext, type TransformPageContext, type UserConfig, type UserConfigExport, type UserConfigFn, build, createContentLoader, createMarkdownRenderer, createServer, defineConfig, defineConfigWithTheme, defineLoader, init, mergeConfig, postcssIsolateStyles, resolveConfig, resolvePages, resolveSiteData, resolveUserConfig, scaffold, serve };
+export { type ContentData, type ContentOptions, type LoaderModule, type MarkdownOptions, type MarkdownRenderer, type RawConfigExports, type ResolvedRouteConfig, type ScaffoldOptions, ScaffoldThemeType, type ServeOptions, type SiteConfig, type ThemeOptions, type TransformContext, type TransformPageContext, type UserConfig, type UserConfigExport, type UserConfigFn, build, createContentLoader, createMarkdownRenderer, createServer, defineConfig, defineConfigWithTheme, defineLoader, disposeMdItInstance, init, mergeConfig, postcssIsolateStyles, resolveConfig, resolvePages, resolveSiteData, resolveUserConfig, scaffold, serve };

package/dist/node/index.js

@@ -1,7 +1,7 @@
 import { normalizePath } from 'vite';
 export { loadEnv } from 'vite';
-import { g as glob, c as createMarkdownRenderer, f as fs, m as matter, p as postcssPrefixSelector } from './serve-Bvg4Nr_L.js';
-export { S as ScaffoldThemeType, b as build, o as createServer, a as defineConfig, e as defineConfigWithTheme, d as defineLoader, l as init, i as mergeConfig, r as resolveConfig, k as resolvePages, j as resolveSiteData, h as resolveUserConfig, s as scaffold, n as serve } from './serve-Bvg4Nr_L.js';
+import { g as glob, c as createMarkdownRenderer, f as fs, m as matter, p as postcssPrefixSelector } from './serve-BSNQCR34.js';
+export { S as ScaffoldThemeType, b as build, q as createServer, a as defineConfig, e as defineConfigWithTheme, d as defineLoader, n as disposeMdItInstance, l as init, i as mergeConfig, r as resolveConfig, k as resolvePages, j as resolveSiteData, h as resolveUserConfig, s as scaffold, o as serve } from './serve-BSNQCR34.js';
 import path from 'path';
 import 'crypto';
 import 'module';
@@ -52,7 +52,6 @@ function createContentLoader(pattern, {
   }
   if (typeof pattern === "string") pattern = [pattern];
   pattern = pattern.map((p) => normalizePath(path.join(config.srcDir, p)));
-  let md;
   const cache = /* @__PURE__ */ new Map();
   return {
     watch: pattern,
@@ -64,7 +63,7 @@ function createContentLoader(pattern, {
           ...globOptions
         })).sort();
       }
-      md = md || await createMarkdownRenderer(
+      const md = await createMarkdownRenderer(
         config.srcDir,
         config.markdown,
         config.site.base,