feat(helper): add wait utils

plugins/plugin-copy-code/src/client/composables/useCopyCode.ts

@@ -1,4 +1,4 @@
-import { useLocaleConfig } from '@vuepress/helper/client'
+import { useLocaleConfig, wait } from '@vuepress/helper/client'
 import { useClipboard, useEventListener } from '@vueuse/core'
 import { nextTick, onMounted, watch } from 'vue'
 import { usePageData } from 'vuepress/client'
@@ -51,13 +51,13 @@ export const useCopyCode = ({
   }
 
   const appendCopyButton = (): void => {
-    nextTick().then(() =>
-      setTimeout(() => {
+    nextTick()
+      .then(() => wait(delay))
+      .then(() => {
         selector.forEach((item) => {
           document.querySelectorAll<HTMLElement>(item).forEach(insertCopyButton)
         })
-      }, delay),
-    )
+      })
   }
 
   const copyContent = (

plugins/plugin-medium-zoom/package.json

@@ -38,6 +38,7 @@
     "copy": "cpx \"src/**/*.css\" lib"
   },
   "dependencies": {
+    "@vuepress/helper": "workspace:~",
     "medium-zoom": "^1.1.0",
     "vue": "^3.4.19"
   },

plugins/plugin-medium-zoom/src/client/config.ts

@@ -1,3 +1,4 @@
+import { wait } from '@vuepress/helper/client'
 import mediumZoom from 'medium-zoom'
 import type { ZoomOptions } from 'medium-zoom'
 import { defineClientConfig } from 'vuepress/client'
@@ -28,7 +29,7 @@ export default defineClientConfig({
     app.provide(mediumZoomSymbol, zoom)
 
     router.afterEach(() => {
-      setTimeout(() => zoom.refresh(), delay)
+      wait(delay).then(() => zoom.refresh())
     })
   },
 }) as ClientConfig

plugins/plugin-medium-zoom/tsconfig.build.json

@@ -5,5 +5,6 @@
     "outDir": "./lib",
     "types": ["vuepress/client-types"]
   },
-  "include": ["./src"]
+  "include": ["./src"],
+  "references": [{ "path": "../../tools/helper/tsconfig.build.json" }]
 }

plugins/plugin-photo-swipe/src/client/composables/usePhotoSwipe.ts

@@ -1,4 +1,4 @@
-import { isString, useLocaleConfig } from '@vuepress/helper/client'
+import { isString, useLocaleConfig, wait } from '@vuepress/helper/client'
 import { nextTick, onMounted, onUnmounted, watch } from 'vue'
 import { usePageData, usePageFrontmatter } from 'vuepress/client'
 import type { PhotoSwipePluginLocaleData } from '../../shared/index.js'
@@ -38,7 +38,7 @@ export const usePhotoSwipe = ({
 
     if (photoSwipe !== false)
       nextTick()
-        .then(() => new Promise<void>((resolve) => setTimeout(resolve, delay)))
+        .then(() => wait(delay))
         .then(async () => {
           const imageSelector = isString(photoSwipe) ? photoSwipe : selector
 

tools/helper/src/client/utils/index.ts

@@ -1,2 +1,3 @@
 export * from './data.js'
 export * from './hasGlobalComponent.js'
+export * from './wait.js'

tools/helper/src/client/utils/wait.ts

@@ -0,0 +1,2 @@
+export const wait = (ms: number): Promise<void> =>
+  new Promise<void>((resolve) => setTimeout(resolve, ms))