add bold commands

docs/src/demos/Examples/Basic/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div v-if="editor">
-      <button @click="editor.chain().focus().bold().run()" :class="{ 'is-active': editor.isActive('bold') }">
+      <button @click="editor.chain().focus().toggleBold().run()" :class="{ 'is-active': editor.isActive('bold') }">
         bold
       </button>
       <button @click="editor.chain().focus().italic().run()" :class="{ 'is-active': editor.isActive('italic') }">

docs/src/demos/Examples/CollaborativeEditing/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div v-if="editor">
-      <button @click="editor.chain().focus().bold().run()" :class="{ 'is-active': editor.isActive('bold') }">
+      <button @click="editor.chain().focus().toggleBold().run()" :class="{ 'is-active': editor.isActive('bold') }">
         bold
       </button>
       <button @click="editor.chain().focus().italic().run()" :class="{ 'is-active': editor.isActive('italic') }">

docs/src/demos/Examples/CollaborativeEditingWs/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div v-if="editor">
-      <button @click="editor.chain().focus().bold().run()" :class="{ 'is-active': editor.isActive('bold') }">
+      <button @click="editor.chain().focus().toggleBold().run()" :class="{ 'is-active': editor.isActive('bold') }">
         bold
       </button>
       <button @click="editor.chain().focus().italic().run()" :class="{ 'is-active': editor.isActive('italic') }">

docs/src/demos/Examples/ExportHtmlOrJson/index.vue

@@ -7,7 +7,7 @@
       <button class="button" @click="clearContent">
         Clear Content
       </button>
-      <button @click="editor.chain().focus().bold().run()" :class="{ 'is-active': editor.isActive('bold') }">
+      <button @click="editor.chain().focus().toggleBold().run()" :class="{ 'is-active': editor.isActive('bold') }">
         Bold
       </button>
       <button @click="editor.chain().focus().italic().run()" :class="{ 'is-active': editor.isActive('italic') }">

docs/src/demos/Examples/Formatting/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div v-if="editor">
-      <button @click="editor.chain().focus().bold().run()" :class="{ 'is-active': editor.isActive('bold') }">
+      <button @click="editor.chain().focus().toggleBold().run()" :class="{ 'is-active': editor.isActive('bold') }">
         bold
       </button>
       <button @click="editor.chain().focus().italic().run()" :class="{ 'is-active': editor.isActive('italic') }">

docs/src/demos/Guide/BuildYourEditor/index.vue

@@ -10,7 +10,7 @@
       <button @click="editor.chain().focus().redo().run()">
         redo
       </button>
-      <button @click="editor.chain().focus().bold().run()" :class="{ 'is-active': editor.isActive('bold') }">
+      <button @click="editor.chain().focus().toggleBold().run()" :class="{ 'is-active': editor.isActive('bold') }">
         bold
       </button>
       <button @click="editor.chain().focus().italic().run()" :class="{ 'is-active': editor.isActive('italic') }">

docs/src/demos/Marks/Bold/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="editor">
-    <button @click="editor.chain().focus().bold().run()" :class="{ 'is-active': editor.isActive('bold') }">
+    <button @click="editor.chain().focus().toggleBold().run()" :class="{ 'is-active': editor.isActive('bold') }">
       bold
     </button>
 

docs/src/demos/React/index.jsx

@@ -14,7 +14,7 @@ const MenuBar = () => {
       </button>
       <button
         className={`${editor.isActive('bold') ? 'is-active' : ''}`}
-        onClick={() => editor.chain().focus().bold().run()}
+        onClick={() => editor.chain().focus().toggleBold().run()}
       >
         Bold
       </button>

docs/src/demos/SimpleMenuBar/index.vue

@@ -5,7 +5,7 @@
       <button
         class="menubar__button"
         :class="{ 'is-active': editor.isActive('bold') }"
-        @click="editor.chain().focus().bold().run()"
+        @click="editor.chain().focus().toggleBold().run()"
       >
         Bold
       </button>