refactor(plugin-docsearch): reduce route path resolving

Author: meteorlxy

ecosystem/plugin-docsearch/src/client/composables/useDocsearchShim.ts

@@ -1,14 +1,9 @@
 import type { DocSearchProps } from '@docsearch/react'
-import type { InternalDocSearchHit } from '@docsearch/react/dist/esm/types/index.js'
 import { useSiteData } from '@vuepress/client'
 import { resolveRoutePathFromUrl } from '@vuepress/shared'
 import { debounce } from 'ts-debounce'
 import { useRouter } from 'vue-router'
 
-interface TransformedDocSearchHit extends InternalDocSearchHit {
-  routePath: string
-}
-
 const isSpecialClick = (event: MouseEvent): boolean =>
   event.button === 1 ||
   event.altKey ||
@@ -24,15 +19,6 @@ export const useDocsearchShim = (): Partial<DocSearchProps> => {
   const site = useSiteData()
 
   return {
-    // transform full url to route path
-    transformItems: (items) =>
-      items.map((item) => ({
-        ...item,
-        // the `item.url` is full url with protocol and hostname
-        // so we have to transform it to vue-router path
-        routePath: resolveRoutePathFromUrl(item.url, site.value.base),
-      })),
-
     // render the hit component with custom `onClick` handler
     hitComponent: ({ hit, children }) =>
       ({
@@ -48,7 +34,7 @@ export const useDocsearchShim = (): Partial<DocSearchProps> => {
               return
             }
             event.preventDefault()
-            router.push((hit as TransformedDocSearchHit).routePath)
+            router.push(resolveRoutePathFromUrl(hit.url, site.value.base))
           },
           children,
         },
@@ -58,8 +44,8 @@ export const useDocsearchShim = (): Partial<DocSearchProps> => {
     // navigation behavior triggered by `onKeyDown` internally
     navigator: {
       // when pressing Enter without metaKey
-      navigate: ({ item }) => {
-        router.push((item as TransformedDocSearchHit).routePath)
+      navigate: ({ itemUrl }) => {
+        router.push(resolveRoutePathFromUrl(itemUrl, site.value.base))
       },
     },