fix: fix ua detect issue

Author: Mister-Hope

plugins/search/plugin-slimsearch/src/client/components/SearchBox.ts

@@ -1,10 +1,4 @@
-import {
-  isIOS,
-  isMacOS,
-  isiPad,
-  useKeys,
-  useLocale,
-} from '@vuepress/helper/client'
+import { isIOS, isMacOS, useKeys, useLocale } from '@vuepress/helper/client'
 import type { VNode } from 'vue'
 import { computed, defineComponent, h, onMounted, ref } from 'vue'
 
@@ -22,7 +16,7 @@ export default defineComponent({
   setup() {
     const locale = useLocale(locales)
     const [isActive, toggleActive] = useActiveState()
-    const isMacOSDevice = ref(false)
+    const isAppleDevice = ref(false)
 
     useKeys(options.hotKeys, () => {
       if (!isActive.value) toggleActive()
@@ -32,7 +26,7 @@ export default defineComponent({
       // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
       primaryHotKey
         ? [
-            ...(isMacOSDevice.value
+            ...(isAppleDevice.value
               ? ['⌃', '⇧', '⌥', '⌘']
               : ['Ctrl', 'Shift', 'Alt', 'Win']
             ).filter(
@@ -47,10 +41,7 @@ export default defineComponent({
     )
 
     onMounted(() => {
-      const { userAgent } = navigator
-
-      isMacOSDevice.value =
-        isMacOS(userAgent) || isIOS(userAgent) || isiPad(userAgent)
+      isAppleDevice.value = isMacOS() || isIOS()
     })
 
     return (): (VNode | null)[] => [

plugins/search/plugin-slimsearch/src/client/composables/useMobile.ts

@@ -1,3 +1,4 @@
+import { isMobile } from '@vuepress/helper/client'
 import { useSupported } from '@vueuse/core'
 import type { ComputedRef } from 'vue'
 import { computed } from 'vue'
@@ -7,9 +8,5 @@ export const useMobile = (): ComputedRef<boolean> => {
     () => typeof window !== 'undefined' && 'userAgent' in window.navigator,
   )
 
-  return computed(
-    () =>
-      supportUserAgent.value &&
-      /\b(?:Android|iPhone)/i.test(navigator.userAgent),
-  )
+  return computed(() => supportUserAgent.value && isMobile())
 }

tools/shiki-twoslash/src/client/enhanceTwoslash.ts

@@ -23,9 +23,7 @@ import 'floating-vue/dist/style.css'
  * ```
  */
 export const enhanceTwoslash = (app: App): void => {
-  const isMobileDevice = __VUEPRESS_SSR__
-    ? false
-    : isMobile(navigator.userAgent)
+  const isMobileDevice = __VUEPRESS_SSR__ ? false : isMobile()
 
   if (!__VUEPRESS_SSR__) {
     // Recompute poppers when clicking on a tab