From 1592ae8fe912a5f7407c5467d39131311fa6d2ed Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Mon, 31 Oct 2022 18:04:30 +0100
Subject: [PATCH] Make text editor level start at 3, 4, 5

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/components/TextEditor.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/js/src/components/TextEditor.vue b/js/src/components/TextEditor.vue
index 5946230a3..a532a19b0 100644
--- a/js/src/components/TextEditor.vue
+++ b/js/src/components/TextEditor.vue
@@ -44,8 +44,8 @@
         <button
           v-if="!isBasicMode"
           class="menubar__button"
-          :class="{ 'is-active': editor?.isActive('heading', { level: 1 }) }"
-          @click="editor?.chain().focus().toggleHeading({ level: 1 }).run()"
+          :class="{ 'is-active': editor?.isActive('heading', { level: 3 }) }"
+          @click="editor?.chain().focus().toggleHeading({ level: 3 }).run()"
           type="button"
           :title="t('Heading Level 1')"
         >
@@ -55,8 +55,8 @@
         <button
           v-if="!isBasicMode"
           class="menubar__button"
-          :class="{ 'is-active': editor?.isActive('heading', { level: 2 }) }"
-          @click="editor?.chain().focus().toggleHeading({ level: 2 }).run()"
+          :class="{ 'is-active': editor?.isActive('heading', { level: 4 }) }"
+          @click="editor?.chain().focus().toggleHeading({ level: 4 }).run()"
           type="button"
           :title="t('Heading Level 2')"
         >
@@ -66,8 +66,8 @@
         <button
           v-if="!isBasicMode"
           class="menubar__button"
-          :class="{ 'is-active': editor?.isActive('heading', { level: 3 }) }"
-          @click="editor?.chain().focus().toggleHeading({ level: 3 }).run()"
+          :class="{ 'is-active': editor?.isActive('heading', { level: 5 }) }"
+          @click="editor?.chain().focus().toggleHeading({ level: 5 }).run()"
           type="button"
           :title="t('Heading Level 3')"
         >
@@ -309,7 +309,9 @@ const editor = useEditor({
   extensions: [
     Blockquote,
     BulletList,
-    Heading,
+    Heading.configure({
+      levels: [3, 4, 5],
+    }),
     Document,
     Paragraph,
     Text,