diff --git a/packages/extension-bold/index.ts b/packages/extension-bold/index.ts
index 02899618..d54b8c04 100644
--- a/packages/extension-bold/index.ts
+++ b/packages/extension-bold/index.ts
@@ -6,8 +6,8 @@ export default class Bold extends Mark {
   name = 'bold'
 
   created() {
-    this.editor.registerCommand('bold', next => {
-      toggleMark(this.schemaType)
+    this.editor.registerCommand('bold', (next, { view }) => {
+      toggleMark(this.schemaType)(view.state, view.dispatch)
       next()
     })
   }
diff --git a/src/demos/HandleExtensions/index.vue b/src/demos/HandleExtensions/index.vue
index 43287893..14bd0c23 100644
--- a/src/demos/HandleExtensions/index.vue
+++ b/src/demos/HandleExtensions/index.vue
@@ -7,6 +7,9 @@
       <button @click="editor.redo().focus()">
         redo
       </button>
+      <button @click="editor.bold().focus()">
+        bold
+      </button>
     </div>
     <editor-content :editor="editor" />
   </div>