diff --git a/docs/themes/default/extending.md b/docs/themes/default/extending.md
index c4b45f2504..857d3ae34a 100644
--- a/docs/themes/default/extending.md
+++ b/docs/themes/default/extending.md
@@ -87,7 +87,7 @@ export default defineUserConfig({
 
 ## Modifying Behavior
 
-Most of the core behaviors of the default theme have been extracted into a composable API, and also provide [aliases](https://v2.vuepress.vuejs.org/zh/reference/plugin-api.html#alias) with the `@theme` prefix.
+Most of the core behaviors of the default theme have been extracted into a composable API or util function, and also provide [aliases](https://v2.vuepress.vuejs.org/zh/reference/plugin-api.html#alias) with the `@theme` prefix.
 
 For example, if you want to add some default values ​​to the theme data of the default theme, you can override the `useThemeData` function of `@theme/useThemeData`.
 
diff --git a/docs/zh/themes/default/extending.md b/docs/zh/themes/default/extending.md
index 3c409790d8..1228ef1a66 100644
--- a/docs/zh/themes/default/extending.md
+++ b/docs/zh/themes/default/extending.md
@@ -87,7 +87,7 @@ export default defineUserConfig({
 
 ## 修改行为
 
-默认主题的核心行为大多都被抽离成可组合式 API，并同样提供了 `@theme` 前缀的 [alias](https://v2.vuepress.vuejs.org/zh/reference/plugin-api.html#alias)。
+默认主题的核心行为大多都被抽离成可组合式 API 或工具函数，并同样提供了 `@theme` 前缀的 [alias](https://v2.vuepress.vuejs.org/zh/reference/plugin-api.html#alias)。
 
 比如，如果你想为默认主题的主题数据添加一些默认值，你可以通过覆盖 `@theme/useThemeData` 的 `useThemeData` 函数来实现。
 
diff --git a/themes/theme-default/src/client/components/VPAutoLink.vue b/themes/theme-default/src/client/components/VPAutoLink.vue
new file mode 100644
index 0000000000..7862a6b703
--- /dev/null
+++ b/themes/theme-default/src/client/components/VPAutoLink.vue
@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import type { VNode } from 'vue'
+import type { AutoLinkConfig } from 'vuepress/client'
+import { AutoLink } from 'vuepress/client'
+
+defineProps<{
+  /**
+   * The auto link config
+   */
+  config: AutoLinkConfig
+}>()
+
+defineSlots<{
+  default?: (config: AutoLinkConfig) => VNode | VNode[]
+  before?: (config: AutoLinkConfig) => VNode | VNode[] | null
+  after?: (config: AutoLinkConfig) => VNode | VNode[] | null
+}>()
+</script>
+
+<template>
+  <AutoLink :config="config">
+    <template v-if="$slots.default" #default>
+      <slot v-bind="config" />
+    </template>
+    <template #before>
+      <slot name="before" v-bind="config" />
+    </template>
+    <template #after>
+      <slot name="after" v-bind="config" />
+    </template>
+  </AutoLink>
+</template>
diff --git a/themes/theme-default/src/client/components/VPHomeHero.vue b/themes/theme-default/src/client/components/VPHomeHero.vue
index 8e3a57b7a4..306f9875a3 100644
--- a/themes/theme-default/src/client/components/VPHomeHero.vue
+++ b/themes/theme-default/src/client/components/VPHomeHero.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import VPAutoLink from '@theme/VPAutoLink.vue'
 import { useDarkMode } from '@theme/useDarkMode'
 import type { FunctionalComponent } from 'vue'
 import { computed, h } from 'vue'
 import {
-  AutoLink,
   ClientOnly,
   usePageFrontmatter,
   useSiteLocaleData,
@@ -48,10 +48,9 @@ const actions = computed(() => {
     return []
   }
 
-  return frontmatter.value.actions.map(({ text, link, type = 'primary' }) => ({
-    text,
-    link,
+  return frontmatter.value.actions.map(({ type = 'primary', ...rest }) => ({
     type,
+    ...rest,
   }))
 })
 
@@ -88,7 +87,7 @@ const HomeHeroImage: FunctionalComponent = () => {
     </p>
 
     <p v-if="actions.length" class="vp-hero-actions">
-      <AutoLink
+      <VPAutoLink
         v-for="action in actions"
         :key="action.text"
         class="vp-hero-action-button"
diff --git a/themes/theme-default/src/client/components/VPNavbarDropdown.vue b/themes/theme-default/src/client/components/VPNavbarDropdown.vue
index c37db36f69..c6a8f49d97 100644
--- a/themes/theme-default/src/client/components/VPNavbarDropdown.vue
+++ b/themes/theme-default/src/client/components/VPNavbarDropdown.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import VPAutoLink from '@theme/VPAutoLink.vue'
 import VPDropdownTransition from '@theme/VPDropdownTransition.vue'
 import { useToggle } from '@vueuse/core'
 import { computed, toRefs, watch } from 'vue'
-import { AutoLink, useRoute } from 'vuepress/client'
+import { useRoute } from 'vuepress/client'
 import type { AutoLinkOptions, NavGroup } from '../../shared/index.js'
 
 const props = defineProps<{
@@ -74,7 +75,7 @@ watch(
         >
           <template v-if="'children' in child">
             <h4 class="vp-navbar-dropdown-subtitle">
-              <AutoLink
+              <VPAutoLink
                 v-if="child.link"
                 :config="child"
                 @focusout="
@@ -98,7 +99,7 @@ watch(
                 :key="grandchild.link"
                 class="vp-navbar-dropdown-subitem"
               >
-                <AutoLink
+                <VPAutoLink
                   :config="grandchild"
                   @focusout="
                     () => {
@@ -116,7 +117,7 @@ watch(
           </template>
 
           <template v-else>
-            <AutoLink
+            <VPAutoLink
               :config="child"
               @focusout="
                 () => {
diff --git a/themes/theme-default/src/client/components/VPNavbarItems.vue b/themes/theme-default/src/client/components/VPNavbarItems.vue
index b976038acb..9f3ec34a34 100644
--- a/themes/theme-default/src/client/components/VPNavbarItems.vue
+++ b/themes/theme-default/src/client/components/VPNavbarItems.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import VPAutoLink from '@theme/VPAutoLink.vue'
 import VPNavbarDropdown from '@theme/VPNavbarDropdown.vue'
 import { useNavbarConfig } from '@theme/useNavbarConfig'
 import { useNavbarRepo } from '@theme/useNavbarRepo'
@@ -6,7 +7,6 @@ import { useNavbarSelectLanguage } from '@theme/useNavbarSelectLanguage'
 import { useThemeLocaleData } from '@theme/useThemeData'
 import { DeviceType, useUpdateDeviceStatus } from '@theme/useUpdateDeviceStatus'
 import { computed, ref } from 'vue'
-import { AutoLink } from 'vuepress/client'
 
 const navbarConfig = useNavbarConfig()
 const navbarSelectLanguage = useNavbarSelectLanguage()
@@ -47,7 +47,7 @@ useUpdateDeviceStatus(
         :class="{ mobile: isMobile }"
         :config="item"
       />
-      <AutoLink v-else :config="item" />
+      <VPAutoLink v-else :config="item" />
     </div>
   </nav>
 </template>
diff --git a/themes/theme-default/src/client/components/VPPageMeta.vue b/themes/theme-default/src/client/components/VPPageMeta.vue
index f6270c67c0..26708b6d1c 100644
--- a/themes/theme-default/src/client/components/VPPageMeta.vue
+++ b/themes/theme-default/src/client/components/VPPageMeta.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import VPAutoLink from '@theme/VPAutoLink.vue'
 import VPEditIcon from '@theme/VPEditIcon.vue'
 import { useContributors } from '@theme/useContributors'
 import { useEditLink } from '@theme/useEditLink'
 import { useLastUpdated } from '@theme/useLastUpdated'
 import { useThemeLocaleData } from '@theme/useThemeData'
-import { AutoLink } from 'vuepress/client'
 
 const themeLocale = useThemeLocaleData()
 const editLink = useEditLink()
@@ -15,11 +15,11 @@ const contributors = useContributors()
 <template>
   <footer class="vp-page-meta">
     <div v-if="editLink" class="vp-meta-item edit-link">
-      <AutoLink class="label" :config="editLink">
+      <VPAutoLink class="label" :config="editLink">
         <template #before>
           <VPEditIcon />
         </template>
-      </AutoLink>
+      </VPAutoLink>
     </div>
 
     <div class="vp-meta-item git-info">
diff --git a/themes/theme-default/src/client/components/VPPageNav.vue b/themes/theme-default/src/client/components/VPPageNav.vue
index bf49e6aa3e..11ff54fb9a 100644
--- a/themes/theme-default/src/client/components/VPPageNav.vue
+++ b/themes/theme-default/src/client/components/VPPageNav.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
+import VPAutoLink from '@theme/VPAutoLink.vue'
 import { useNavigate } from '@theme/useNavigate'
 import { useRelatedLinks } from '@theme/useRelatedLinks'
 import { useThemeLocaleData } from '@theme/useThemeData'
 import { useEventListener } from '@vueuse/core'
 import { computed } from 'vue'
-import { AutoLink } from 'vuepress/client'
 
 const themeLocale = useThemeLocaleData()
 const navigate = useNavigate()
@@ -39,7 +39,7 @@ useEventListener('keydown', (event): void => {
     class="vp-page-nav"
     :aria-label="navbarLabel"
   >
-    <AutoLink v-if="prevLink" class="prev" :config="prevLink">
+    <VPAutoLink v-if="prevLink" class="prev" :config="prevLink">
       <div class="hint">
         <span class="arrow left" />
         {{ themeLocale.prev ?? 'Prev' }}
@@ -47,9 +47,9 @@ useEventListener('keydown', (event): void => {
       <div class="link">
         <span>{{ prevLink.text }}</span>
       </div>
-    </AutoLink>
+    </VPAutoLink>
 
-    <AutoLink v-if="nextLink" class="next" :config="nextLink">
+    <VPAutoLink v-if="nextLink" class="next" :config="nextLink">
       <div class="hint">
         {{ themeLocale.next ?? 'Next' }}
         <span class="arrow right" />
@@ -57,7 +57,7 @@ useEventListener('keydown', (event): void => {
       <div class="link">
         <span>{{ nextLink.text }}</span>
       </div>
-    </AutoLink>
+    </VPAutoLink>
   </nav>
 </template>
 
diff --git a/themes/theme-default/src/client/components/VPSidebarItem.vue b/themes/theme-default/src/client/components/VPSidebarItem.vue
index 95e0b09dc0..efc8e0d9e0 100644
--- a/themes/theme-default/src/client/components/VPSidebarItem.vue
+++ b/themes/theme-default/src/client/components/VPSidebarItem.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
+import VPAutoLink from '@theme/VPAutoLink.vue'
 import VPDropdownTransition from '@theme/VPDropdownTransition.vue'
+import { isActiveSidebarItem } from '@theme/isActiveSidebarItem'
 import { useToggle } from '@vueuse/core'
 import { computed, nextTick, onBeforeUnmount, toRefs } from 'vue'
-import { AutoLink, useRoute, useRouter } from 'vuepress/client'
+import { useRoute, useRouter } from 'vuepress/client'
 import type { SidebarItem } from '../typings.js'
-import { isActiveLinkItem } from '../utils/index.js'
 
 const props = withDefaults(
   defineProps<{
@@ -27,7 +28,7 @@ const router = useRouter()
 const collapsible = computed(
   () => 'collapsible' in item.value && item.value.collapsible,
 )
-const isActive = computed(() => isActiveLinkItem(item.value, route))
+const isActive = computed(() => isActiveSidebarItem(item.value, route))
 const itemClass = computed(() => ({
   'vp-sidebar-item': true,
   'vp-sidebar-heading': depth.value === 0,
@@ -61,7 +62,7 @@ onBeforeUnmount(() => {
 
 <template>
   <li>
-    <AutoLink v-if="item.link" :class="itemClass" :config="item" />
+    <VPAutoLink v-if="item.link" :class="itemClass" :config="item" />
     <p
       v-else
       tabindex="0"
diff --git a/themes/theme-default/src/client/composables/useEditLink.ts b/themes/theme-default/src/client/composables/useEditLink.ts
index cbca17a0b5..5a8c6868c3 100644
--- a/themes/theme-default/src/client/composables/useEditLink.ts
+++ b/themes/theme-default/src/client/composables/useEditLink.ts
@@ -1,3 +1,4 @@
+import { resolveEditLink } from '@theme/resolveEditLink'
 import { useThemeLocaleData } from '@theme/useThemeData'
 import type { ComputedRef } from 'vue'
 import { computed } from 'vue'
@@ -7,7 +8,6 @@ import type {
   DefaultThemeNormalPageFrontmatter,
   DefaultThemePageData,
 } from '../../shared/index.js'
-import { resolveEditLink } from '../utils/index.js'
 
 export const useEditLink = (): ComputedRef<AutoLinkConfig | null> => {
   const themeLocale = useThemeLocaleData()
diff --git a/themes/theme-default/src/client/composables/useNavbarConfig.ts b/themes/theme-default/src/client/composables/useNavbarConfig.ts
index e2e5f3acfd..c5ce00576c 100644
--- a/themes/theme-default/src/client/composables/useNavbarConfig.ts
+++ b/themes/theme-default/src/client/composables/useNavbarConfig.ts
@@ -1,3 +1,6 @@
+import { isLinkInternal } from '@theme/isLinkInternal'
+import { resolveAutoLink } from '@theme/resolveAutoLink'
+import { resolvePrefix } from '@theme/resolvePrefix'
 import { useThemeLocaleData } from '@theme/useThemeData'
 import type { ComputedRef } from 'vue'
 import { computed } from 'vue'
@@ -7,14 +10,13 @@ import type {
   NavbarLinkOptions,
 } from '../../shared/navbar.js'
 import type { NavbarItem } from '../typings.js'
-import { getAutoLink, isLinkInternal, resolvePrefix } from '../utils/index.js'
 
 const resolveNavbarItem = (
   item: NavbarGroupOptions | NavbarLinkOptions,
   prefix = '',
 ): NavbarItem => {
   if (isString(item)) {
-    return getAutoLink(resolvePrefix(prefix, item))
+    return resolveAutoLink(resolvePrefix(prefix, item))
   }
 
   if ('children' in item) {
@@ -29,7 +31,7 @@ const resolveNavbarItem = (
   return {
     ...item,
     link: isLinkInternal(item.link)
-      ? getAutoLink(resolvePrefix(prefix, item.link)).link
+      ? resolveAutoLink(resolvePrefix(prefix, item.link)).link
       : item.link,
   }
 }
diff --git a/themes/theme-default/src/client/composables/useNavbarRepo.ts b/themes/theme-default/src/client/composables/useNavbarRepo.ts
index 92478e8b35..c366251125 100644
--- a/themes/theme-default/src/client/composables/useNavbarRepo.ts
+++ b/themes/theme-default/src/client/composables/useNavbarRepo.ts
@@ -1,9 +1,9 @@
+import { resolveRepoType } from '@theme/resolveRepoType'
 import { useThemeLocaleData } from '@theme/useThemeData'
 import type { ComputedRef } from 'vue'
 import { computed } from 'vue'
 import { isLinkHttp } from 'vuepress/shared'
 import type { NavbarItem } from '../typings.js'
-import { resolveRepoType } from '../utils/index.js'
 
 /**
  * Get navbar config of repository link
diff --git a/themes/theme-default/src/client/composables/useRelatedLinks.ts b/themes/theme-default/src/client/composables/useRelatedLinks.ts
index 789972a32b..3f37741097 100644
--- a/themes/theme-default/src/client/composables/useRelatedLinks.ts
+++ b/themes/theme-default/src/client/composables/useRelatedLinks.ts
@@ -1,3 +1,4 @@
+import { resolveAutoLink } from '@theme/resolveAutoLink'
 import { useSidebarItems } from '@theme/useSidebarItems'
 import { useThemeLocaleData } from '@theme/useThemeData'
 import type { ComputedRef } from 'vue'
@@ -9,7 +10,6 @@ import type {
   DefaultThemeNormalPageFrontmatter,
 } from '../../shared/index.js'
 import type { SidebarItem } from '../typings.js'
-import { getAutoLink } from '../utils/index.js'
 
 const resolveFromFrontmatterConfig = (
   config: AutoLinkOptions | string | false | undefined,
@@ -20,13 +20,13 @@ const resolveFromFrontmatterConfig = (
   }
 
   if (isString(config)) {
-    return getAutoLink(config, currentPath)
+    return resolveAutoLink(config, currentPath)
   }
 
   if (isPlainObject(config)) {
     return {
       ...config,
-      link: getAutoLink(config.link, currentPath).link,
+      link: resolveAutoLink(config.link, currentPath).link,
     }
   }
 
diff --git a/themes/theme-default/src/client/composables/useSidebarItems.ts b/themes/theme-default/src/client/composables/useSidebarItems.ts
index 4ae696f0b2..79899f3f86 100644
--- a/themes/theme-default/src/client/composables/useSidebarItems.ts
+++ b/themes/theme-default/src/client/composables/useSidebarItems.ts
@@ -1,3 +1,6 @@
+import { isLinkInternal } from '@theme/isLinkInternal'
+import { resolveAutoLink } from '@theme/resolveAutoLink'
+import { resolvePrefix } from '@theme/resolvePrefix'
 import { useThemeLocaleData } from '@theme/useThemeData'
 import type { MenuItem } from '@vuepress/helper/client'
 import { getHeaders, keys, startsWith } from '@vuepress/helper/client'
@@ -21,7 +24,6 @@ import type {
   SidebarOptions,
 } from '../../shared/index.js'
 import type { SidebarHeaderItem, SidebarItem } from '../typings.js'
-import { getAutoLink, isLinkInternal, resolvePrefix } from '../utils/index.js'
 
 export type HeadersRef = Ref<MenuItem[]>
 
@@ -104,12 +106,12 @@ export const resolveArraySidebarItems = (
     pathPrefix: string,
   ): SidebarItem => {
     const childItem: SidebarItemOptions = isString(item)
-      ? getAutoLink(resolvePrefix(pathPrefix, item))
+      ? resolveAutoLink(resolvePrefix(pathPrefix, item))
       : isString(item.link)
         ? {
             ...item,
             link: isLinkInternal(item.link)
-              ? getAutoLink(resolvePrefix(pathPrefix, item.link)).link
+              ? resolveAutoLink(resolvePrefix(pathPrefix, item.link)).link
               : item.link,
           }
         : item
diff --git a/themes/theme-default/src/client/utils/index.ts b/themes/theme-default/src/client/utils/index.ts
index c505d14112..928bac4865 100644
--- a/themes/theme-default/src/client/utils/index.ts
+++ b/themes/theme-default/src/client/utils/index.ts
@@ -1,6 +1,6 @@
-export * from './getAutoLink.js'
 export * from './isActiveSidebarItem.js'
 export * from './isLinkInternal.js'
+export * from './resolveAutoLink.js'
 export * from './resolveEditLink.js'
 export * from './resolvePrefix.js'
 export * from './resolveRepoType.js'
diff --git a/themes/theme-default/src/client/utils/isActiveSidebarItem.ts b/themes/theme-default/src/client/utils/isActiveSidebarItem.ts
index d5bb8f419d..f184676228 100644
--- a/themes/theme-default/src/client/utils/isActiveSidebarItem.ts
+++ b/themes/theme-default/src/client/utils/isActiveSidebarItem.ts
@@ -18,7 +18,7 @@ const isActiveLink = (
   return currentPath === targetPath
 }
 
-export const isActiveLinkItem = (
+export const isActiveSidebarItem = (
   item: SidebarItem,
   route: RouteLocationNormalizedLoaded,
 ): boolean => {
@@ -27,7 +27,7 @@ export const isActiveLinkItem = (
   }
 
   if ('children' in item) {
-    return item.children.some((child) => isActiveLinkItem(child, route))
+    return item.children.some((child) => isActiveSidebarItem(child, route))
   }
 
   return false
diff --git a/themes/theme-default/src/client/utils/getAutoLink.ts b/themes/theme-default/src/client/utils/resolveAutoLink.ts
similarity index 83%
rename from themes/theme-default/src/client/utils/getAutoLink.ts
rename to themes/theme-default/src/client/utils/resolveAutoLink.ts
index f60362422c..3a3e70ee83 100644
--- a/themes/theme-default/src/client/utils/getAutoLink.ts
+++ b/themes/theme-default/src/client/utils/resolveAutoLink.ts
@@ -1,5 +1,5 @@
 import { resolveRoute } from 'vuepress/client'
-import type { AutoLinkOptions } from '../../shared'
+import type { AutoLinkOptions } from '../../shared/index.js'
 
 /**
  * Resolve AutoLink props from string
@@ -8,7 +8,7 @@ import type { AutoLinkOptions } from '../../shared'
  * - Input: '/README.md'
  * - Output: { text: 'Home', link: '/' }
  */
-export const getAutoLink = (
+export const resolveAutoLink = (
   config: string,
   currentPath?: string,
 ): AutoLinkOptions => {
diff --git a/themes/theme-default/src/client/utils/resolveEditLink.ts b/themes/theme-default/src/client/utils/resolveEditLink.ts
index e6e43f218c..3a31b25f1b 100644
--- a/themes/theme-default/src/client/utils/resolveEditLink.ts
+++ b/themes/theme-default/src/client/utils/resolveEditLink.ts
@@ -1,12 +1,12 @@
+import type { RepoType } from '@theme/resolveRepoType'
+import { resolveRepoType } from '@theme/resolveRepoType'
 import {
   isLinkHttp,
   removeEndingSlash,
   removeLeadingSlash,
 } from 'vuepress/shared'
-import type { RepoType } from './resolveRepoType.js'
-import { resolveRepoType } from './resolveRepoType.js'
 
-export const editLinkPatterns: Record<Exclude<RepoType, null>, string> = {
+export const EDIT_LINK_PATTERNS: Record<Exclude<RepoType, null>, string> = {
   GitHub: ':repo/edit/:branch/:path',
   GitLab: ':repo/-/edit/:branch/:path',
   Gitee: ':repo/edit/:branch/:path',
@@ -27,7 +27,7 @@ const resolveEditLinkPatterns = ({
 
   const repoType = resolveRepoType(docsRepo)
   if (repoType !== null) {
-    return editLinkPatterns[repoType]
+    return EDIT_LINK_PATTERNS[repoType]
   }
 
   return null
diff --git a/themes/theme-default/src/node/defaultTheme.ts b/themes/theme-default/src/node/defaultTheme.ts
index 9d2a31db4e..ae241cd362 100644
--- a/themes/theme-default/src/node/defaultTheme.ts
+++ b/themes/theme-default/src/node/defaultTheme.ts
@@ -74,6 +74,16 @@ export const defaultTheme = ({
             path.resolve(__dirname, '../client/composables', file),
           ]),
       ),
+      // use alias to make all utils replaceable
+      ...Object.fromEntries(
+        fs
+          .readdirSync(path.resolve(__dirname, '../client/utils'))
+          .filter((file) => file.endsWith('.js'))
+          .map((file) => [
+            `@theme/${file.substring(0, file.length - 3)}`,
+            path.resolve(__dirname, '../client/utils', file),
+          ]),
+      ),
     },
 
     clientConfigFile: path.resolve(__dirname, '../client/config.js'),
diff --git a/themes/theme-default/tsconfig.build.json b/themes/theme-default/tsconfig.build.json
index 45c18b1a12..b9f6963bb6 100644
--- a/themes/theme-default/tsconfig.build.json
+++ b/themes/theme-default/tsconfig.build.json
@@ -4,7 +4,11 @@
     "rootDir": "./src",
     "outDir": "./lib",
     "paths": {
-      "@theme/*": ["./src/client/components/*", "./src/client/composables/*.js"]
+      "@theme/*": [
+        "./src/client/components/*",
+        "./src/client/composables/*.js",
+        "./src/client/utils/*.js"
+      ]
     },
     "types": ["vuepress/client-types", "vite/client", "webpack-env"]
   },
diff --git a/tsconfig.json b/tsconfig.json
index 1694ff63ad..64f2e695c9 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -12,7 +12,8 @@
       ],
       "@theme/*": [
         "./themes/theme-default/src/client/components/*",
-        "./themes/theme-default/src/client/composables/*.js"
+        "./themes/theme-default/src/client/composables/*.js",
+        "./themes/theme-default/src/client/utils/*.js"
       ]
     },
     "types": ["vuepress/client-types", "webpack-env", "vite/client"]