From 2fff9c264bb5ccfa3ad4a1df7840f0fb952ffe27 Mon Sep 17 00:00:00 2001
From: Phoenix Gao <phoenix.x.gao@gmail.com>
Date: Tue, 26 Oct 2021 22:23:48 +0800
Subject: [PATCH] docs: Fix menu example in doc (#2089)

---
 docs/guide/menus.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/guide/menus.md b/docs/guide/menus.md
index 35ce9d35..53ee7463 100644
--- a/docs/guide/menus.md
+++ b/docs/guide/menus.md
@@ -35,7 +35,7 @@ Okay, you’ve got your menu. But how do you wire things up?
 You’ve got the editor running already and want to add your first button. You need a `<button>` HTML tag with a click handler. Depending on your setup, that can look like the following example:
 
 ```html
-<button onclick="editor.chain().toggleBold().focus().run()">
+<button onclick="editor.chain().focus().toggleBold().run()">
   Bold
 </button>
 ```
@@ -63,7 +63,7 @@ You have already seen the `focus()` command in the above example. When you click
 The editor provides an `isActive()` method to check if something is applied to the selected text already. In Vue.js you can toggle a CSS class with help of that function like that:
 
 ```html
-<button :class="{ 'is-active': editor.isActive('bold') }" @click="editor.chain().toggleBold().focus().run()">
+<button :class="{ 'is-active': editor.isActive('bold') }" @click="editor.chain().focus().toggleBold().run()">
   Bold
 </button>
 ```