diff --git a/examples/Components/Routes/Search/index.vue b/examples/Components/Routes/Search/index.vue
index 4974ad79..6c2bd4a7 100644
--- a/examples/Components/Routes/Search/index.vue
+++ b/examples/Components/Routes/Search/index.vue
@@ -123,6 +123,7 @@
v-model="searchTerm"
>
+
diff --git a/packages/tiptap-extensions/src/extensions/Search.js b/packages/tiptap-extensions/src/extensions/Search.js
index e76c5e3b..6b026767 100644
--- a/packages/tiptap-extensions/src/extensions/Search.js
+++ b/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) : []