From 3ea2711aef27bff753386065f3d0e38e3a432e41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Tue, 17 Nov 2020 21:50:40 +0100
Subject: [PATCH] add strike commands

---
 docs/src/demos/Examples/Basic/index.vue          |  2 +-
 .../Examples/CollaborativeEditing/index.vue      |  2 +-
 .../Examples/CollaborativeEditingWs/index.vue    |  2 +-
 docs/src/demos/Marks/Strike/index.vue            |  2 +-
 packages/extension-strike/src/index.ts           | 16 ++++++++++++++--
 5 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/docs/src/demos/Examples/Basic/index.vue b/docs/src/demos/Examples/Basic/index.vue
index e3609917..70b52b13 100644
--- a/docs/src/demos/Examples/Basic/index.vue
+++ b/docs/src/demos/Examples/Basic/index.vue
@@ -7,7 +7,7 @@
       <button @click="editor.chain().focus().toggleItalic().run()" :class="{ 'is-active': editor.isActive('italic') }">
         italic
       </button>
-      <button @click="editor.chain().focus().strike().run()" :class="{ 'is-active': editor.isActive('strike') }">
+      <button @click="editor.chain().focus().toggleStrike().run()" :class="{ 'is-active': editor.isActive('strike') }">
         strike
       </button>
       <button @click="editor.chain().focus().code().run()" :class="{ 'is-active': editor.isActive('code') }">
diff --git a/docs/src/demos/Examples/CollaborativeEditing/index.vue b/docs/src/demos/Examples/CollaborativeEditing/index.vue
index 66882cd9..17d156ab 100644
--- a/docs/src/demos/Examples/CollaborativeEditing/index.vue
+++ b/docs/src/demos/Examples/CollaborativeEditing/index.vue
@@ -7,7 +7,7 @@
       <button @click="editor.chain().focus().toggleItalic().run()" :class="{ 'is-active': editor.isActive('italic') }">
         italic
       </button>
-      <button @click="editor.chain().focus().strike().run()" :class="{ 'is-active': editor.isActive('strike') }">
+      <button @click="editor.chain().focus().toggleStrike().run()" :class="{ 'is-active': editor.isActive('strike') }">
         strike
       </button>
       <button @click="editor.chain().focus().code().run()" :class="{ 'is-active': editor.isActive('code') }">
diff --git a/docs/src/demos/Examples/CollaborativeEditingWs/index.vue b/docs/src/demos/Examples/CollaborativeEditingWs/index.vue
index 1769a64d..38ee356f 100644
--- a/docs/src/demos/Examples/CollaborativeEditingWs/index.vue
+++ b/docs/src/demos/Examples/CollaborativeEditingWs/index.vue
@@ -7,7 +7,7 @@
       <button @click="editor.chain().focus().toggleItalic().run()" :class="{ 'is-active': editor.isActive('italic') }">
         italic
       </button>
-      <button @click="editor.chain().focus().strike().run()" :class="{ 'is-active': editor.isActive('strike') }">
+      <button @click="editor.chain().focus().toggleStrike().run()" :class="{ 'is-active': editor.isActive('strike') }">
         strike
       </button>
       <button @click="editor.chain().focus().code().run()" :class="{ 'is-active': editor.isActive('code') }">
diff --git a/docs/src/demos/Marks/Strike/index.vue b/docs/src/demos/Marks/Strike/index.vue
index c3dc75d0..f50df095 100644
--- a/docs/src/demos/Marks/Strike/index.vue
+++ b/docs/src/demos/Marks/Strike/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="editor">
-    <button @click="editor.chain().focus().strike().run()" :class="{ 'is-active': editor.isActive('strike') }">
+    <button @click="editor.chain().focus().toggleStrike().run()" :class="{ 'is-active': editor.isActive('strike') }">
       strike
     </button>
 
diff --git a/packages/extension-strike/src/index.ts b/packages/extension-strike/src/index.ts
index 197e949e..00e07e59 100644
--- a/packages/extension-strike/src/index.ts
+++ b/packages/extension-strike/src/index.ts
@@ -44,18 +44,30 @@ const Strike = Mark.create({
 
   addCommands() {
     return {
+      /**
+       * Set a strike mark
+       */
+      setStrike: (): Command => ({ commands }) => {
+        return commands.addMark('strike')
+      },
       /**
        * Toggle a strike mark
        */
-      strike: (): Command => ({ commands }) => {
+      toggleStrike: (): Command => ({ commands }) => {
         return commands.toggleMark('strike')
       },
+      /**
+       * Set a strike mark
+       */
+      unsetStrike: (): Command => ({ commands }) => {
+        return commands.addMark('strike')
+      },
     }
   },
 
   addKeyboardShortcuts() {
     return {
-      'Mod-d': () => this.editor.commands.strike(),
+      'Mod-d': () => this.editor.commands.toggleStrike(),
     }
   },