Harden URLDocSearch init

Author: hustcer

.vuepress/components/URLDocSearch.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { DocSearch, DocSearchOptions } from '@vuepress/plugin-docsearch/client';
+import { DocSearch } from '@vuepress/plugin-docsearch/client';
 import {
   useDebounceFn,
   useElementVisibility,
@@ -22,10 +22,13 @@ const inputElement = ref<HTMLInputElement>();
 const isNavigating = ref(false);
 
 // Handle initial search query, if one is set
-onMounted(async () => {
+onMounted(() => {
   const query = new URL(window.location.href).searchParams.get(SEARCH_KEY);
   if (query) {
-    (document.querySelector('.DocSearch-Button') as HTMLButtonElement).click();
+    const button =
+      document.querySelector<HTMLButtonElement>('.DocSearch-Button');
+    if (!button) return;
+    button.click();
     // Set value in the input element once it appears
     performInitialQuery(query);
   }

package.json

@@ -20,6 +20,7 @@
     "@vuepress/plugin-shiki": "2.0.0-rc.118",
     "@vuepress/plugin-sitemap": "2.0.0-rc.118",
     "@vuepress/theme-default": "2.0.0-rc.118",
+    "@vueuse/core": "^14.0.0",
     "asciinema-player": "^3.15.1",
     "cross-env": "^10.1.0",
     "lefthook": "1.8.2",