fix(theme): vitepress data not properly injected in app when use loca…

…lSearch (#2299)

src/client/theme-default/components/VPLocalSearchBox.vue

@@ -30,6 +30,7 @@ import { pathToFile } from '../../app/utils'
 import { slash } from '../../shared'
 import { useData } from '../composables/data'
 import { createTranslate } from '../support/translation'
+import { dataSymbol } from '../../app/data'
 
 defineProps<{
   placeholder: string
@@ -62,8 +63,8 @@ interface Result {
   text?: string
 }
 
-const { localeIndex, theme } = useData()
-
+const vitePressData = useData()
+const { localeIndex, theme } = vitePressData
 const searchIndex = computedAsync(async () =>
   markRaw(
     MiniSearch.loadJSON<Result>(
@@ -153,6 +154,7 @@ debouncedWatch(
         const app = createApp(comp)
         // Silence warnings about missing components
         app.config.warnHandler = () => {}
+        app.provide(dataSymbol, vitePressData)
         const div = document.createElement('div')
         app.mount(div)
         const sections = div.innerHTML.split(headingRegex)