replace maxLevels option with levels for heading node

examples/Components/Routes/Basic/index.vue

@@ -150,7 +150,7 @@ export default {
 					new BulletList(),
 					new CodeBlock(),
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new ListItem(),
 					new OrderedList(),
 					new TodoItem(),

examples/Components/Routes/CodeHighlighting/index.vue

@@ -39,7 +39,7 @@ export default {
 						},
 					}),
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new Bold(),
 					new Code(),
 					new Italic(),

examples/Components/Routes/Embeds/index.vue

@@ -24,7 +24,7 @@ export default {
 			editor: new Editor({
 				extensions: [
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new Bold(),
 					new Italic(),
 					new History(),

examples/Components/Routes/Export/index.vue

@@ -144,7 +144,7 @@ export default {
 					new BulletList(),
 					new CodeBlock(),
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new ListItem(),
 					new OrderedList(),
 					new TodoItem(),

examples/Components/Routes/FloatingMenu/index.vue

@@ -100,7 +100,7 @@ export default {
 					new BulletList(),
 					new CodeBlock(),
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new ListItem(),
 					new OrderedList(),
 					new TodoItem(),

examples/Components/Routes/HidingMenuBar/index.vue

@@ -152,7 +152,7 @@ export default {
 					new BulletList(),
 					new CodeBlock(),
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new ListItem(),
 					new OrderedList(),
 					new TodoItem(),

examples/Components/Routes/Images/index.vue

@@ -38,7 +38,7 @@ export default {
 			editor: new Editor({
 				extensions: [
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new Image(),
 					new Bold(),
 					new Code(),

examples/Components/Routes/Links/index.vue

@@ -62,7 +62,7 @@ export default {
 					new BulletList(),
 					new CodeBlock(),
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new ListItem(),
 					new OrderedList(),
 					new TodoItem(),

examples/Components/Routes/MarkdownShortcuts/index.vue

@@ -37,7 +37,7 @@ export default {
 					new BulletList(),
 					new CodeBlock(),
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new ListItem(),
 					new OrderedList(),
 					new TodoItem(),

examples/Components/Routes/MenuBubble/index.vue

@@ -70,7 +70,7 @@ export default {
 					new BulletList(),
 					new CodeBlock(),
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new ListItem(),
 					new OrderedList(),
 					new TodoItem(),

examples/Components/Routes/ReadOnly/index.vue

@@ -25,7 +25,7 @@ export default {
 				editable: false,
 				extensions: [
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new Bold(),
 					new Code(),
 					new Italic(),

examples/Components/Routes/Suggestions/index.vue

@@ -49,7 +49,7 @@ export default {
 			editor: new Editor({
 				extensions: [
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new Mention({
 						// a list of all suggested items
 						items: [

examples/Components/Routes/TodoList/index.vue

@@ -68,7 +68,7 @@ export default {
 				extensions: [
 					new CodeBlock(),
 					new HardBreak(),
-					new Heading({ maxLevel: 3 }),
+					new Heading({ levels: [1, 2, 3] }),
 					new TodoItem(),
 					new TodoList(),
 					new Bold(),

packages/tiptap-extensions/src/nodes/Heading.js

@@ -9,14 +9,10 @@ export default class Heading extends Node {
 
 	get defaultOptions() {
 		return {
-			maxLevel: 6,
+			levels: [1, 2, 3, 4, 5, 6],
 		}
 	}
 
-	get levels() {
-		return Array.from(new Array(this.options.maxLevel), (value, index) => index + 1)
-	}
-
 	get schema() {
 		return {
 			attrs: {
@@ -28,7 +24,7 @@ export default class Heading extends Node {
 			group: 'block',
 			defining: true,
 			draggable: false,
-			parseDOM: this.levels.map(level => ({ tag: `h${level}`, attrs: { level } })),
+			parseDOM: this.options.levels.map(level => ({ tag: `h${level}`, attrs: { level } })),
 			toDOM: node => [`h${node.attrs.level}`, 0],
 		}
 	}
@@ -38,7 +34,7 @@ export default class Heading extends Node {
 	}
 
 	keys({ type }) {
-		return this.levels.reduce((items, level) => ({
+		return this.options.levels.reduce((items, level) => ({
 			...items,
 			...{
 				[`Shift-Ctrl-${level}`]: setBlockType(type, { level }),
@@ -47,9 +43,18 @@ export default class Heading extends Node {
 	}
 
 	inputRules({ type }) {
+		return this.options.levels.map(level => {
+			return textblockTypeInputRule(
+				new RegExp(`^(#{1,${level}})\\s$`),
+				type,
+				match => ({ level }),
+			)
+		})
+
+
 		return [
 			textblockTypeInputRule(
-				new RegExp(`^(#{1,${this.options.maxLevel}})\\s$`),
+				new RegExp(`^(#{1,${this.options.levels}})\\s$`),
 				type,
 				match => ({ level: match[1].length }),
 			),