Add support for hooks and hook for onSearch

example/docs/.vuepress/config.js

@@ -64,6 +64,12 @@ module.exports = {
    * Apply plugins，ref：https://v1.vuepress.vuejs.org/zh/plugin/
    */
   plugins: [
-    [require.resolve("../../../"), {}],
+    [require.resolve("../../../"), {
+      hooks: {
+        onSearch: (query) => {
+          console.info(`Search initiated! Query = ${query}`);
+        }
+      }
+    }],
   ],
 };

index.js

@@ -20,6 +20,16 @@ module.exports = (options) => ({
   alias: {
     "@SearchBox": path.resolve(__dirname, "src", "SearchBox.vue"),
   },
+  clientDynamicModules: () => {
+    const hooks = options.hooks || {};
+    const nullHook = () => {};
+    return {
+      name: "search-hooks.js",
+      content: `export default {
+        onSearch: ${hooks.onSearch || nullHook}
+      }`,
+    };
+  },
   define: {
     SEARCH_OPTIONS: options.search_options || defaultSearchOptions,
     SEARCH_MAX_SUGGESTIONS: options.maxSuggestions || 10,

src/SearchBox.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="search-box">
     <input
-      @input="query = $event.target.value"
+      @input="onInput"
       aria-label="Search"
       :value="query"
       :class="{ focused: focused }"
@@ -44,6 +44,7 @@
 <script>
 import Flexsearch from "flexsearch";
 import { highlightText } from "./utils";
+import hooks from '@dynamic/search-hooks'
 
 /* global 
 SEARCH_MAX_SUGGESTIONS
@@ -135,6 +136,11 @@ export default {
       );
     },
 
+    onInput(event) {
+      this.query = event.target.value;
+      hooks.onSearch(this.query);
+    },
+
     onHotkey(event) {
       if (
         event.srcElement === document.body &&