add clearSearch command

examples/Components/Routes/Search/index.vue

@@ -123,6 +123,7 @@
                 v-model="searchTerm"
             >
             <button @click="editor.commands.find(searchTerm)">Find</button>
+            <button @click="editor.commands.clearSearch()">Clear</button>
           </div>
         </span>
 

packages/tiptap-extensions/src/extensions/Search.js

@@ -46,6 +46,7 @@ export default class Search extends Extension {
   commands() {
     return {
       find: attrs => this.find(attrs),
+      clearSearch: () => this.clear(),
       toggleSearch: () => this.toggleSearch(),
     }
   }
@@ -111,6 +112,14 @@ export default class Search extends Extension {
     }
   }
 
+  clear() {
+    return ({ tr }, dispatch) => {
+      this.searchTerm = null
+
+      dispatch(tr)
+    }
+  }
+
   createDeco(doc) {
     this._search(doc)
     return this.decorations ? DecorationSet.create(doc, this.decorations) : []