diff --git a/packages/tiptap-extensions/src/plugins/Suggestions.js b/packages/tiptap-extensions/src/plugins/Suggestions.js
index 583ff5d0..5d3ba446 100644
--- a/packages/tiptap-extensions/src/plugins/Suggestions.js
+++ b/packages/tiptap-extensions/src/plugins/Suggestions.js
@@ -9,257 +9,257 @@ import { Decoration, DecorationSet } from 'prosemirror-view';
  * @returns {function(*)}
  */
 function triggerCharacter({
-  char = '@',
-  allowSpaces = false,
-  startOfLine = false,
+	char = '@',
+	allowSpaces = false,
+	startOfLine = false,
 }) {
 
-  /**
-   * @param {ResolvedPos} $position
-   */
-  return $position => {
-    // Matching expressions used for later
-    const suffix = new RegExp(`\\s${char}$`)
-    const prefix = startOfLine ? '^' : ''
-    const regexp = allowSpaces
-      ? new RegExp(`${prefix}${char}.*?(?=\\s${char}|$)`, 'g')
-      : new RegExp(`${prefix}(?:^)?${char}[^\\s${char}]*`, 'g')
+	/**
+	 * @param {ResolvedPos} $position
+	 */
+	return $position => {
+		// Matching expressions used for later
+		const suffix = new RegExp(`\\s${char}$`)
+		const prefix = startOfLine ? '^' : ''
+		const regexp = allowSpaces
+			? new RegExp(`${prefix}${char}.*?(?=\\s${char}|$)`, 'g')
+			: new RegExp(`${prefix}(?:^)?${char}[^\\s${char}]*`, 'g')
 
-    // Lookup the boundaries of the current node
-    const textFrom = $position.before()
-    const textTo = $position.end()
-    const text = $position.doc.textBetween(textFrom, textTo, '\0', '\0')
+		// Lookup the boundaries of the current node
+		const textFrom = $position.before()
+		const textTo = $position.end()
+		const text = $position.doc.textBetween(textFrom, textTo, '\0', '\0')
 
-    let match
+		let match
 
-    while ((match = regexp.exec(text))) {
-      // Javascript doesn't have lookbehinds; this hacks a check that first character is " " or the line beginning
-      const prefix = match.input.slice(Math.max(0, match.index - 1), match.index)
-      if (!/^[\s\0]?$/.test(prefix)) {
-        continue
-      }
+		while ((match = regexp.exec(text))) {
+			// Javascript doesn't have lookbehinds; this hacks a check that first character is " " or the line beginning
+			const prefix = match.input.slice(Math.max(0, match.index - 1), match.index)
+			if (!/^[\s\0]?$/.test(prefix)) {
+				continue
+			}
 
-      // The absolute position of the match in the document
-      const from = match.index + $position.start()
-      let to = from + match[0].length
+			// The absolute position of the match in the document
+			const from = match.index + $position.start()
+			let to = from + match[0].length
 
-      // Edge case handling; if spaces are allowed and we're directly in between two triggers
-      if (allowSpaces && suffix.test(text.slice(to - 1, to + 1))) {
-        match[0] += ' '
-        to++
-      }
+			// Edge case handling; if spaces are allowed and we're directly in between two triggers
+			if (allowSpaces && suffix.test(text.slice(to - 1, to + 1))) {
+				match[0] += ' '
+				to++
+			}
 
-      // If the $position is located within the matched substring, return that range
-      if (from < $position.pos && to >= $position.pos) {
-        return {
-          range: {
-            from,
-            to,
-          },
-          text: match[0].slice(char.length),
-          fullText: match[0],
-        }
-      }
-    }
-  }
+			// If the $position is located within the matched substring, return that range
+			if (from < $position.pos && to >= $position.pos) {
+				return {
+					range: {
+						from,
+						to,
+					},
+					text: match[0].slice(char.length),
+					fullText: match[0],
+				}
+			}
+		}
+	}
 }
 
 /**
  * @returns {Plugin}
  */
 export default function SuggestionsPlugin({
-  matcher = {
-    char: '@',
-    allowSpaces: false,
+	matcher = {
+		char: '@',
+		allowSpaces: false,
 		startOfLine: false,
-  },
-  suggestionClass = 'suggestion',
-  command = () => false,
-  items = [],
-  onEnter = () => false,
-  onChange = () => false,
-  onExit = () => false,
-  onKeyDown = () => false,
-  onFilter = (searchItems, query) => {
-    if (!query) {
-      return searchItems
-    }
+	},
+	suggestionClass = 'suggestion',
+	command = () => false,
+	items = [],
+	onEnter = () => false,
+	onChange = () => false,
+	onExit = () => false,
+	onKeyDown = () => false,
+	onFilter = (searchItems, query) => {
+		if (!query) {
+			return searchItems
+		}
 
-    return searchItems
-      .filter(item => JSON.stringify(item).toLowerCase().includes(query.toLowerCase()))
-  },
+		return searchItems
+			.filter(item => JSON.stringify(item).toLowerCase().includes(query.toLowerCase()))
+	},
 }) {
-  return new Plugin({
-    key: new PluginKey('suggestions'),
+	return new Plugin({
+		key: new PluginKey('suggestions'),
 
-    view() {
-      return {
-        update: (view, prevState) => {
-          const prev = this.key.getState(prevState)
-          const next = this.key.getState(view.state)
+		view() {
+			return {
+				update: (view, prevState) => {
+					const prev = this.key.getState(prevState)
+					const next = this.key.getState(view.state)
 
-          // See how the state changed
-          const moved = prev.active && next.active && prev.range.from !== next.range.from
-          const started = !prev.active && next.active
-          const stopped = prev.active && !next.active
-          const changed = !started && !stopped && prev.text !== next.text
-          const decorationNode = document.querySelector(`[data-decoration-id="${next.decorationId}"]`)
-          const virtualNode = decorationNode ? {
-            getBoundingClientRect() {
-              return decorationNode.getBoundingClientRect()
-            },
-            clientWidth: decorationNode.clientWidth,
-            clientHeight: decorationNode.clientHeight,
-          } : null
+					// See how the state changed
+					const moved = prev.active && next.active && prev.range.from !== next.range.from
+					const started = !prev.active && next.active
+					const stopped = prev.active && !next.active
+					const changed = !started && !stopped && prev.text !== next.text
+					const decorationNode = document.querySelector(`[data-decoration-id="${next.decorationId}"]`)
+					const virtualNode = decorationNode ? {
+						getBoundingClientRect() {
+							return decorationNode.getBoundingClientRect()
+						},
+						clientWidth: decorationNode.clientWidth,
+						clientHeight: decorationNode.clientHeight,
+					} : null
 
-          // Trigger the hooks when necessary
-          if (stopped || moved) {
-            onExit({
-              view,
-              range: prev.range,
-              query: prev.text,
-              text: prev.fullText,
-              decorationNode,
-              virtualNode,
-              items: onFilter(items, prev.text),
-            })
-          }
+					// Trigger the hooks when necessary
+					if (stopped || moved) {
+						onExit({
+							view,
+							range: prev.range,
+							query: prev.text,
+							text: prev.fullText,
+							decorationNode,
+							virtualNode,
+							items: onFilter(items, prev.text),
+						})
+					}
 
-          if (changed && !moved) {
-            onChange({
-              view,
-              range: next.range,
-              query: next.text,
-              text: next.fullText,
-              decorationNode,
-              virtualNode,
-              items: onFilter(items, next.text),
-            })
-          }
+					if (changed && !moved) {
+						onChange({
+							view,
+							range: next.range,
+							query: next.text,
+							text: next.fullText,
+							decorationNode,
+							virtualNode,
+							items: onFilter(items, next.text),
+						})
+					}
 
-          if (started || moved) {
-            onEnter({
-              view,
-              range: next.range,
-              query: next.text,
-              text: next.fullText,
-              decorationNode,
-              virtualNode,
-              items: onFilter(items, next.text),
-              command: ({ position, attrs }) => {
-                command({
-                  position,
-                  attrs,
-                  schema: view.state.schema,
-                })(view.state, view.dispatch, view)
-              },
-            })
-          }
-        },
-      };
-    },
+					if (started || moved) {
+						onEnter({
+							view,
+							range: next.range,
+							query: next.text,
+							text: next.fullText,
+							decorationNode,
+							virtualNode,
+							items: onFilter(items, next.text),
+							command: ({ position, attrs }) => {
+								command({
+									position,
+									attrs,
+									schema: view.state.schema,
+								})(view.state, view.dispatch, view)
+							},
+						})
+					}
+				},
+			};
+		},
 
-    state: {
-      /**
-       * Initialize the plugin's internal state.
-       *
-       * @returns {Object}
-       */
-      init() {
-        return {
-          active: false,
-          range: {},
-          text: null,
-          fullText: null,
-        }
-      },
+		state: {
+			/**
+			 * Initialize the plugin's internal state.
+			 *
+			 * @returns {Object}
+			 */
+			init() {
+				return {
+					active: false,
+					range: {},
+					text: null,
+					fullText: null,
+				}
+			},
 
-      /**
-       * Apply changes to the plugin state from a view transaction.
-       *
-       * @param {Transaction} tr
-       * @param {Object} prev
-       *
-       * @returns {Object}
-       */
-      apply(tr, prev) {
-        const { selection } = tr
-        const next = { ...prev }
+			/**
+			 * Apply changes to the plugin state from a view transaction.
+			 *
+			 * @param {Transaction} tr
+			 * @param {Object} prev
+			 *
+			 * @returns {Object}
+			 */
+			apply(tr, prev) {
+				const { selection } = tr
+				const next = { ...prev }
 
-        // We can only be suggesting if there is no selection
-        if (selection.from === selection.to) {
-          // Reset active state if we just left the previous suggestion range
-          if (selection.from < prev.range.from || selection.from > prev.range.to) {
-            next.active = false
-          }
+				// We can only be suggesting if there is no selection
+				if (selection.from === selection.to) {
+					// Reset active state if we just left the previous suggestion range
+					if (selection.from < prev.range.from || selection.from > prev.range.to) {
+						next.active = false
+					}
 
-          // Try to match against where our cursor currently is
-          const $position = selection.$from
-          const match = triggerCharacter(matcher)($position)
-          const decorationId = (Math.random() + 1).toString(36).substr(2, 5)
+					// Try to match against where our cursor currently is
+					const $position = selection.$from
+					const match = triggerCharacter(matcher)($position)
+					const decorationId = (Math.random() + 1).toString(36).substr(2, 5)
 
-          // If we found a match, update the current state to show it
-          if (match) {
-            next.active = true
-            next.decorationId = prev.decorationId ? prev.decorationId : decorationId
-            next.range = match.range
-            next.text = match.text
-            next.fullText = match.fullText
-          } else {
-            next.active = false
-          }
-        } else {
-          next.active = false
-        }
+					// If we found a match, update the current state to show it
+					if (match) {
+						next.active = true
+						next.decorationId = prev.decorationId ? prev.decorationId : decorationId
+						next.range = match.range
+						next.text = match.text
+						next.fullText = match.fullText
+					} else {
+						next.active = false
+					}
+				} else {
+					next.active = false
+				}
 
-        // Make sure to empty the range if suggestion is inactive
-        if (!next.active) {
-          next.decorationId = null
-          next.range = {}
-          next.text = null
-          next.fullText = null
-        }
+				// Make sure to empty the range if suggestion is inactive
+				if (!next.active) {
+					next.decorationId = null
+					next.range = {}
+					next.text = null
+					next.fullText = null
+				}
 
-        return next
-      },
-    },
+				return next
+			},
+		},
 
-    props: {
-      /**
-       * Call the keydown hook if suggestion is active.
-       *
-       * @param view
-       * @param event
-       * @returns {boolean}
-       */
-      handleKeyDown(view, event) {
-        const { active, range } = this.getState(view.state)
+		props: {
+			/**
+			 * Call the keydown hook if suggestion is active.
+			 *
+			 * @param view
+			 * @param event
+			 * @returns {boolean}
+			 */
+			handleKeyDown(view, event) {
+				const { active, range } = this.getState(view.state)
 
-        if (!active) return false
+				if (!active) return false
 
-        return onKeyDown({ view, event, range })
-      },
+				return onKeyDown({ view, event, range })
+			},
 
-      /**
-       * Setup decorator on the currently active suggestion.
-       *
-       * @param {EditorState} editorState
-       *
-       * @returns {?DecorationSet}
-       */
-      decorations(editorState) {
-        const { active, range, decorationId } = this.getState(editorState)
+			/**
+			 * Setup decorator on the currently active suggestion.
+			 *
+			 * @param {EditorState} editorState
+			 *
+			 * @returns {?DecorationSet}
+			 */
+			decorations(editorState) {
+				const { active, range, decorationId } = this.getState(editorState)
 
-        if (!active) return null
+				if (!active) return null
 
-        return DecorationSet.create(editorState.doc, [
-          Decoration.inline(range.from, range.to, {
-            nodeName: 'span',
-            class: suggestionClass,
-            'data-decoration-id': decorationId,
-          }),
-        ])
-      },
-    },
-  })
+				return DecorationSet.create(editorState.doc, [
+					Decoration.inline(range.from, range.to, {
+						nodeName: 'span',
+						class: suggestionClass,
+						'data-decoration-id': decorationId,
+					}),
+				])
+			},
+		},
+	})
 }