feat(client): allow disabling link auto-prefetching (#3220)

Co-authored-by: Divyansh Singh <[email protected]>

Author: bonyuta0204

src/client/app/index.ts

@@ -48,7 +48,7 @@ const VitePressApp = defineComponent({
       })
     })
 
-    if (import.meta.env.PROD) {
+    if (import.meta.env.PROD && site.value.router.prefetchLinks) {
       // in prod mode, enable intersectionObserver based pre-fetch
       usePrefetch()
     }

src/node/config.ts

@@ -243,6 +243,9 @@ export async function resolveSiteData(
     description: userConfig.description || 'A VitePress site',
     base: userConfig.base ? userConfig.base.replace(/([^/])$/, '$1/') : '/',
     head: resolveSiteDataHead(userConfig),
+    router: {
+      prefetchLinks: userConfig.router?.prefetchLinks ?? true
+    },
     appearance: userConfig.appearance ?? true,
     themeConfig: userConfig.themeConfig || {},
     locales: userConfig.locales || {},

src/node/siteConfig.ts

@@ -69,6 +69,10 @@ export interface UserConfig<ThemeConfig = any>
 
   locales?: LocaleConfig<ThemeConfig>
 
+  router?: {
+    prefetchLinks?: boolean
+  }
+
   appearance?:
     | boolean
     | 'dark'
@@ -201,6 +205,7 @@ export interface SiteConfig<ThemeConfig = any>
     | 'vue'
     | 'vite'
     | 'shouldPreload'
+    | 'router'
     | 'mpa'
     | 'metaChunk'
     | 'lastUpdated'

types/shared.d.ts

@@ -126,6 +126,9 @@ export interface SiteData<ThemeConfig = any> {
   locales: LocaleConfig<ThemeConfig>
   localeIndex?: string
   contentProps?: Record<string, any>
+  router: {
+    prefetchLinks: boolean
+  }
 }
 
 export type HeadConfig =