fix more commands

docs/src/demos/Extensions/Blockquote/index.vue

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

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

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

docs/src/demos/Extensions/BulletList/index.vue

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

docs/src/demos/Extensions/Code/index.vue

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

docs/src/demos/Extensions/CodeBlock/index.vue

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

docs/src/demos/Extensions/HardBreak/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="editor">
-    <button @click="editor.focus().hardBreak()">
+    <button @click="editor.chain().focus().hardBreak().run()">
       hardBreak
     </button>
 

docs/src/demos/Extensions/Heading/index.vue

@@ -1,12 +1,12 @@
 <template>
   <div v-if="editor">
-    <button @click="editor.focus().heading({ level: 1 })" :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }">
+    <button @click="editor.chain().focus().heading({ level: 1 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }">
       h1
     </button>
-    <button @click="editor.focus().heading({ level: 2 })" :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }">
+    <button @click="editor.chain().focus().heading({ level: 2 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }">
       h2
     </button>
-    <button @click="editor.focus().heading({ level: 3 })" :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }">
+    <button @click="editor.chain().focus().heading({ level: 3 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }">
       h3
     </button>
 

docs/src/demos/Extensions/History/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div v-if="editor">
-    <button @click="editor.focus().undo()">
+    <button @click="editor.chain().focus().undo().run()">
       undo
     </button>
-    <button @click="editor.focus().redo()">
+    <button @click="editor.chain().focus().redo().run()">
       redo
     </button>
 

docs/src/demos/Extensions/HorizontalRule/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="editor">
-    <button @click="editor.focus().horizontalRule()">
+    <button @click="editor.chain().focus().horizontalRule().run()">
       horizontalRule
     </button>
 

docs/src/demos/Extensions/Italic/index.vue

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

docs/src/demos/Extensions/Strike/index.vue

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

docs/src/demos/Extensions/Underline/index.vue

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