diff --git a/.eslintrc.js b/.eslintrc.js
index d88f9e7ec1..1c6c7e9ba6 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -20,6 +20,7 @@ module.exports = {
         'html',
         'cypress',
         '@typescript-eslint',
+        'simple-import-sort',
       ],
       env: {
         'cypress/globals': true,
@@ -90,6 +91,8 @@ module.exports = {
         '@typescript-eslint/ban-types': 'off',
         '@typescript-eslint/comma-dangle': ['error', 'always-multiline'],
         '@typescript-eslint/explicit-module-boundary-types': 'off',
+        'simple-import-sort/imports': 'error',
+        'simple-import-sort/exports': 'error',
       },
     },
   ],
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100755
index 0000000000..83af40406b
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint:fix
diff --git a/demos/preview/Demo.vue b/demos/preview/Demo.vue
index bb587cb8e0..843277fddb 100644
--- a/demos/preview/Demo.vue
+++ b/demos/preview/Demo.vue
@@ -87,6 +87,7 @@
 
 <script>
 import { getDebugJSON } from '@tiptap/core'
+
 import DemoFrame from './DemoFrame.vue'
 import Shiki from './Shiki.vue'
 
diff --git a/demos/preview/Shiki.vue b/demos/preview/Shiki.vue
index d4d47765c0..8d3ae586e2 100644
--- a/demos/preview/Shiki.vue
+++ b/demos/preview/Shiki.vue
@@ -4,11 +4,12 @@
 </template>
 
 <script>
-import Worker from './shiki.worker?worker'
 // this import is a bugfix
 // otherwise the `onig.wasm` file is missing in the dist folder
 import 'shiki/dist/onig.wasm?url'
 
+import Worker from './shiki.worker?worker'
+
 export default {
   props: {
     code: {
diff --git a/demos/preview/index.js b/demos/preview/index.js
index 41324ea49d..cf48769267 100644
--- a/demos/preview/index.js
+++ b/demos/preview/index.js
@@ -1,11 +1,13 @@
+import 'iframe-resizer/js/iframeResizer.contentWindow'
+import './style.css'
+
+import { demos } from '@demos'
+import iframeResize from 'iframe-resizer/js/iframeResizer'
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import App from './index.vue'
+
 import Demo from './Demo.vue'
-import { demos } from '@demos'
-import 'iframe-resizer/js/iframeResizer.contentWindow'
-import iframeResize from 'iframe-resizer/js/iframeResizer'
-import './style.css'
+import App from './index.vue'
 
 const routes = demos
   .map(({ name, tabs }) => {
diff --git a/demos/preview/shiki.worker.js b/demos/preview/shiki.worker.js
index a5b07cdb20..36b82d8eca 100644
--- a/demos/preview/shiki.worker.js
+++ b/demos/preview/shiki.worker.js
@@ -1,15 +1,15 @@
 import * as shiki from 'shiki'
 import onigasm from 'shiki/dist/onig.wasm?url'
-import theme from 'shiki/themes/material-darker.json'
+import langCSS from 'shiki/languages/css.tmLanguage.json'
 import langHTML from 'shiki/languages/html.tmLanguage.json'
 import langJS from 'shiki/languages/javascript.tmLanguage.json'
 import langJSX from 'shiki/languages/jsx.tmLanguage.json'
-import langTS from 'shiki/languages/typescript.tmLanguage.json'
+import langSCSS from 'shiki/languages/scss.tmLanguage.json'
 import langTSX from 'shiki/languages/tsx.tmLanguage.json'
-import langVueHTML from 'shiki/languages/vue-html.tmLanguage.json'
+import langTS from 'shiki/languages/typescript.tmLanguage.json'
 import langVue from 'shiki/languages/vue.tmLanguage.json'
-import langCSS from 'shiki/languages/css.tmLanguage.json'
-import langSCSS from 'shiki/languages/scss.tmLanguage.json'
+import langVueHTML from 'shiki/languages/vue-html.tmLanguage.json'
+import theme from 'shiki/themes/material-darker.json'
 
 let highlighter = null
 
diff --git a/demos/setup/js.ts b/demos/setup/js.ts
index 5b0fc9d810..16f174be03 100644
--- a/demos/setup/js.ts
+++ b/demos/setup/js.ts
@@ -1,7 +1,8 @@
 import 'iframe-resizer/js/iframeResizer.contentWindow'
-import { debug } from './helper'
 import './style.scss'
 
+import { debug } from './helper'
+
 export default function init(name: string, source: any) {
   // @ts-ignore
   window.source = source
diff --git a/demos/setup/react.ts b/demos/setup/react.ts
index a98672265c..bf45b15076 100644
--- a/demos/setup/react.ts
+++ b/demos/setup/react.ts
@@ -1,8 +1,10 @@
+import 'iframe-resizer/js/iframeResizer.contentWindow'
+import './style.scss'
+
 import React from 'react'
 import { createRoot } from 'react-dom/client'
-import 'iframe-resizer/js/iframeResizer.contentWindow'
+
 import { debug, splitName } from './helper'
-import './style.scss'
 
 export default function init(name: string, source: any) {
   // @ts-ignore
diff --git a/demos/setup/vue.ts b/demos/setup/vue.ts
index 50062b48ec..eb9aeb95be 100644
--- a/demos/setup/vue.ts
+++ b/demos/setup/vue.ts
@@ -1,8 +1,10 @@
-import { createApp } from 'vue'
 import 'iframe-resizer/js/iframeResizer.contentWindow'
-import { debug, splitName } from './helper'
 import './style.scss'
 
+import { createApp } from 'vue'
+
+import { debug, splitName } from './helper'
+
 export default function init(name: string, source: any) {
   // @ts-ignore
   window.source = source
diff --git a/demos/src/Examples/AutolinkValidation/React/index.jsx b/demos/src/Examples/AutolinkValidation/React/index.jsx
index 5c1484131a..21e28c44b9 100644
--- a/demos/src/Examples/AutolinkValidation/React/index.jsx
+++ b/demos/src/Examples/AutolinkValidation/React/index.jsx
@@ -1,10 +1,9 @@
 import './styles.scss'
 
-import React from 'react'
-
 import Link from '@tiptap/extension-link'
 import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Examples/AutolinkValidation/Vue/index.vue b/demos/src/Examples/AutolinkValidation/Vue/index.vue
index b701cf8bef..7ff6ed7e4a 100644
--- a/demos/src/Examples/AutolinkValidation/Vue/index.vue
+++ b/demos/src/Examples/AutolinkValidation/Vue/index.vue
@@ -3,9 +3,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
-import StarterKit from '@tiptap/starter-kit'
 import Link from '@tiptap/extension-link'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Examples/Book/React/index.jsx b/demos/src/Examples/Book/React/index.jsx
index fe6e83db03..b09b08eebc 100644
--- a/demos/src/Examples/Book/React/index.jsx
+++ b/demos/src/Examples/Book/React/index.jsx
@@ -1,8 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 import { content } from '../content.js'
-import './styles.scss'
 
 const MenuBar = ({ editor }) => {
   if (!editor) {
diff --git a/demos/src/Examples/Book/Vue/index.vue b/demos/src/Examples/Book/Vue/index.vue
index 58068b4c75..e83470a5b9 100644
--- a/demos/src/Examples/Book/Vue/index.vue
+++ b/demos/src/Examples/Book/Vue/index.vue
@@ -68,8 +68,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import { content } from '../content.js'
 
 export default {
diff --git a/demos/src/Examples/CSSModules/React/index.jsx b/demos/src/Examples/CSSModules/React/index.jsx
index 7a47a61a3b..3f2a1b8fe2 100644
--- a/demos/src/Examples/CSSModules/React/index.jsx
+++ b/demos/src/Examples/CSSModules/React/index.jsx
@@ -1,9 +1,8 @@
 import './styles.scss'
 
-import React from 'react'
-
 import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
 
 import styles from './index.module.css'
 
diff --git a/demos/src/Examples/CSSModules/Vue/index.vue b/demos/src/Examples/CSSModules/Vue/index.vue
index 48e41b8426..26aa4fee15 100644
--- a/demos/src/Examples/CSSModules/Vue/index.vue
+++ b/demos/src/Examples/CSSModules/Vue/index.vue
@@ -68,8 +68,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import styles from './index.module.css'
 
 export default {
diff --git a/demos/src/Examples/CodeBlockLanguage/React/CodeBlockComponent.jsx b/demos/src/Examples/CodeBlockLanguage/React/CodeBlockComponent.jsx
index 486b7428cf..fbc3674acf 100644
--- a/demos/src/Examples/CodeBlockLanguage/React/CodeBlockComponent.jsx
+++ b/demos/src/Examples/CodeBlockLanguage/React/CodeBlockComponent.jsx
@@ -1,7 +1,8 @@
-import React from 'react'
-import { NodeViewWrapper, NodeViewContent } from '@tiptap/react'
 import './CodeBlockComponent.scss'
 
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react'
+import React from 'react'
+
 export default ({ node: { attrs: { language: defaultLanguage } }, updateAttributes, extension }) => (
   <NodeViewWrapper className="code-block">
     <select contentEditable={false} defaultValue={defaultLanguage} onChange={event => updateAttributes({ language: event.target.value })}>
diff --git a/demos/src/Examples/CodeBlockLanguage/React/index.jsx b/demos/src/Examples/CodeBlockLanguage/React/index.jsx
index 561c97b965..b3c0f627b2 100644
--- a/demos/src/Examples/CodeBlockLanguage/React/index.jsx
+++ b/demos/src/Examples/CodeBlockLanguage/React/index.jsx
@@ -1,19 +1,19 @@
-import React from 'react'
-import { useEditor, EditorContent, ReactNodeViewRenderer } from '@tiptap/react'
+// load specific languages only
+// import lowlight from 'lowlight/lib/core'
+// import javascript from 'highlight.js/lib/languages/javascript'
+// lowlight.registerLanguage('javascript', javascript)
+import './styles.scss'
+
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
-import CodeBlockComponent from './CodeBlockComponent'
-
+import { EditorContent, ReactNodeViewRenderer, useEditor } from '@tiptap/react'
 // load all highlight.js languages
 import lowlight from 'lowlight'
+import React from 'react'
 
-// load specific languages only
-// import lowlight from 'lowlight/lib/core'
-// import javascript from 'highlight.js/lib/languages/javascript'
-// lowlight.registerLanguage('javascript', javascript)
-import './styles.scss'
+import CodeBlockComponent from './CodeBlockComponent'
 
 const MenuBar = ({ editor }) => {
   if (!editor) {
diff --git a/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue b/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue
index caeab8415a..1ee9de4af4 100644
--- a/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue
+++ b/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import { NodeViewWrapper, NodeViewContent, nodeViewProps } from '@tiptap/vue-3'
+import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Examples/CodeBlockLanguage/Vue/index.vue b/demos/src/Examples/CodeBlockLanguage/Vue/index.vue
index 9161d4038e..3c080f2265 100644
--- a/demos/src/Examples/CodeBlockLanguage/Vue/index.vue
+++ b/demos/src/Examples/CodeBlockLanguage/Vue/index.vue
@@ -8,16 +8,16 @@
 </template>
 
 <script>
-import { Editor, EditorContent, VueNodeViewRenderer } from '@tiptap/vue-3'
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
-import CodeBlockComponent from './CodeBlockComponent.vue'
-
+import { Editor, EditorContent, VueNodeViewRenderer } from '@tiptap/vue-3'
 // load all highlight.js languages
 import lowlight from 'lowlight'
 
+import CodeBlockComponent from './CodeBlockComponent.vue'
+
 // load specific languages only
 // import lowlight from 'lowlight/lib/core'
 // import javascript from 'highlight.js/lib/languages/javascript'
diff --git a/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx b/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx
index 2731f91316..976df61520 100644
--- a/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx
+++ b/demos/src/Examples/CollaborativeEditing/React/MenuBar.jsx
@@ -1,6 +1,8 @@
+import './MenuBar.scss'
+
 import React, { Fragment } from 'react'
+
 import MenuItem from './MenuItem'
-import './MenuBar.scss'
 
 export default ({ editor }) => {
   const items = [
diff --git a/demos/src/Examples/CollaborativeEditing/React/MenuItem.jsx b/demos/src/Examples/CollaborativeEditing/React/MenuItem.jsx
index f4db53c4f3..874bef9a32 100644
--- a/demos/src/Examples/CollaborativeEditing/React/MenuItem.jsx
+++ b/demos/src/Examples/CollaborativeEditing/React/MenuItem.jsx
@@ -1,5 +1,6 @@
-import React from 'react'
 import './MenuItem.scss'
+
+import React from 'react'
 import remixiconUrl from 'remixicon/fonts/remixicon.symbol.svg'
 
 export default ({
diff --git a/demos/src/Examples/CollaborativeEditing/React/index.jsx b/demos/src/Examples/CollaborativeEditing/React/index.jsx
index ba30c1ecdc..f9a4f449f8 100644
--- a/demos/src/Examples/CollaborativeEditing/React/index.jsx
+++ b/demos/src/Examples/CollaborativeEditing/React/index.jsx
@@ -1,18 +1,21 @@
-import React, {
-  useState, useCallback, useEffect,
-} from 'react'
-import * as Y from 'yjs'
-import { useEditor, EditorContent } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
-import TaskList from '@tiptap/extension-task-list'
-import TaskItem from '@tiptap/extension-task-item'
-import Highlight from '@tiptap/extension-highlight'
+import './styles.scss'
+
+import { HocuspocusProvider } from '@hocuspocus/provider'
 import CharacterCount from '@tiptap/extension-character-count'
 import Collaboration from '@tiptap/extension-collaboration'
 import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
-import { HocuspocusProvider } from '@hocuspocus/provider'
+import Highlight from '@tiptap/extension-highlight'
+import TaskItem from '@tiptap/extension-task-item'
+import TaskList from '@tiptap/extension-task-list'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, {
+  useCallback, useEffect,
+  useState,
+} from 'react'
+import * as Y from 'yjs'
+
 import MenuBar from './MenuBar'
-import './styles.scss'
 
 const colors = ['#958DF1', '#F98181', '#FBBC88', '#FAF594', '#70CFF8', '#94FADB', '#B9F18D']
 const rooms = ['rooms.30', 'rooms.31', 'rooms.32']
diff --git a/demos/src/Examples/CollaborativeEditing/Vue/index.vue b/demos/src/Examples/CollaborativeEditing/Vue/index.vue
index 7b0f6a2d6e..0dc78111a5 100644
--- a/demos/src/Examples/CollaborativeEditing/Vue/index.vue
+++ b/demos/src/Examples/CollaborativeEditing/Vue/index.vue
@@ -21,16 +21,17 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
-import StarterKit from '@tiptap/starter-kit'
+import { HocuspocusProvider } from '@hocuspocus/provider'
+import CharacterCount from '@tiptap/extension-character-count'
 import Collaboration from '@tiptap/extension-collaboration'
 import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
-import TaskList from '@tiptap/extension-task-list'
-import TaskItem from '@tiptap/extension-task-item'
 import Highlight from '@tiptap/extension-highlight'
-import CharacterCount from '@tiptap/extension-character-count'
+import TaskItem from '@tiptap/extension-task-item'
+import TaskList from '@tiptap/extension-task-list'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 import * as Y from 'yjs'
-import { HocuspocusProvider } from '@hocuspocus/provider'
+
 import MenuBar from './MenuBar.vue'
 
 const getRandomElement = list => {
diff --git a/demos/src/Examples/Community/React/MentionList.jsx b/demos/src/Examples/Community/React/MentionList.jsx
index e01b9f57b0..c456bf5855 100644
--- a/demos/src/Examples/Community/React/MentionList.jsx
+++ b/demos/src/Examples/Community/React/MentionList.jsx
@@ -1,10 +1,11 @@
+import './MentionList.scss'
+
 import React, {
-  useState,
-  useEffect,
   forwardRef,
+  useEffect,
   useImperativeHandle,
+  useState,
 } from 'react'
-import './MentionList.scss'
 
 export const MentionList = forwardRef((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useState(0)
diff --git a/demos/src/Examples/Community/React/index.jsx b/demos/src/Examples/Community/React/index.jsx
index ec0e7fc709..b943839beb 100644
--- a/demos/src/Examples/Community/React/index.jsx
+++ b/demos/src/Examples/Community/React/index.jsx
@@ -1,12 +1,14 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import CharacterCount from '@tiptap/extension-character-count'
 import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import CharacterCount from '@tiptap/extension-character-count'
-import Mention from '@tiptap/extension-mention'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
 import suggestion from './suggestion'
-import './styles.scss'
 
 export default () => {
   const limit = 280
diff --git a/demos/src/Examples/Community/React/suggestion.js b/demos/src/Examples/Community/React/suggestion.js
index 89f2c34de3..f41084e5b3 100644
--- a/demos/src/Examples/Community/React/suggestion.js
+++ b/demos/src/Examples/Community/React/suggestion.js
@@ -1,6 +1,5 @@
-import tippy from 'tippy.js'
-
 import { ReactRenderer } from '@tiptap/react'
+import tippy from 'tippy.js'
 
 import { MentionList } from './MentionList'
 
diff --git a/demos/src/Examples/Community/Vue/index.vue b/demos/src/Examples/Community/Vue/index.vue
index cd6a4c9e4e..f0c7f1c217 100644
--- a/demos/src/Examples/Community/Vue/index.vue
+++ b/demos/src/Examples/Community/Vue/index.vue
@@ -37,12 +37,13 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import CharacterCount from '@tiptap/extension-character-count'
 import Document from '@tiptap/extension-document'
+import Mention from '@tiptap/extension-mention'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import CharacterCount from '@tiptap/extension-character-count'
-import Mention from '@tiptap/extension-mention'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import suggestion from './suggestion'
 
 export default {
diff --git a/demos/src/Examples/Community/Vue/suggestion.js b/demos/src/Examples/Community/Vue/suggestion.js
index 4b9f0c9bdd..d4ea733224 100644
--- a/demos/src/Examples/Community/Vue/suggestion.js
+++ b/demos/src/Examples/Community/Vue/suggestion.js
@@ -1,6 +1,5 @@
-import tippy from 'tippy.js'
-
 import { VueRenderer } from '@tiptap/vue-3'
+import tippy from 'tippy.js'
 
 import MentionList from './MentionList.vue'
 
diff --git a/demos/src/Examples/CustomDocument/React/index.jsx b/demos/src/Examples/CustomDocument/React/index.jsx
index b00bc992fb..05b1e84c9e 100644
--- a/demos/src/Examples/CustomDocument/React/index.jsx
+++ b/demos/src/Examples/CustomDocument/React/index.jsx
@@ -1,9 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
 import Placeholder from '@tiptap/extension-placeholder'
+import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
-import './styles.scss'
+import React from 'react'
 
 const CustomDocument = Document.extend({
   content: 'heading block*',
diff --git a/demos/src/Examples/CustomDocument/Vue/index.vue b/demos/src/Examples/CustomDocument/Vue/index.vue
index 23d2ce55b1..975e278695 100644
--- a/demos/src/Examples/CustomDocument/Vue/index.vue
+++ b/demos/src/Examples/CustomDocument/Vue/index.vue
@@ -3,10 +3,10 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Placeholder from '@tiptap/extension-placeholder'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 const CustomDocument = Document.extend({
   content: 'heading block*',
diff --git a/demos/src/Examples/Default/React/index.jsx b/demos/src/Examples/Default/React/index.jsx
index da04cde2c1..ead2c91bfb 100644
--- a/demos/src/Examples/Default/React/index.jsx
+++ b/demos/src/Examples/Default/React/index.jsx
@@ -1,8 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
 import './styles.scss'
 
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 const MenuBar = ({ editor }) => {
   if (!editor) {
     return null
diff --git a/demos/src/Examples/Default/Vue/index.vue b/demos/src/Examples/Default/Vue/index.vue
index 418c771960..d47ee9ddd0 100644
--- a/demos/src/Examples/Default/Vue/index.vue
+++ b/demos/src/Examples/Default/Vue/index.vue
@@ -68,8 +68,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Examples/Drawing/Vue/Component.vue b/demos/src/Examples/Drawing/Vue/Component.vue
index 5966fbe79f..543379ae9d 100644
--- a/demos/src/Examples/Drawing/Vue/Component.vue
+++ b/demos/src/Examples/Drawing/Vue/Component.vue
@@ -26,9 +26,9 @@
 </template>
 
 <script>
-import { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'
-import { v4 as uuid } from 'uuid'
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3'
 import * as d3 from 'd3'
+import { v4 as uuid } from 'uuid'
 
 const getRandomElement = list => {
   return list[Math.floor(Math.random() * list.length)]
diff --git a/demos/src/Examples/Drawing/Vue/Paper.js b/demos/src/Examples/Drawing/Vue/Paper.js
index 12fb3c273b..09e913791f 100644
--- a/demos/src/Examples/Drawing/Vue/Paper.js
+++ b/demos/src/Examples/Drawing/Vue/Paper.js
@@ -1,4 +1,5 @@
-import { VueNodeViewRenderer, Node, mergeAttributes } from '@tiptap/vue-3'
+import { mergeAttributes, Node, VueNodeViewRenderer } from '@tiptap/vue-3'
+
 import Component from './Component.vue'
 
 export default Node.create({
diff --git a/demos/src/Examples/Drawing/Vue/index.vue b/demos/src/Examples/Drawing/Vue/index.vue
index 7e35781d0d..bd165fee2c 100644
--- a/demos/src/Examples/Drawing/Vue/index.vue
+++ b/demos/src/Examples/Drawing/Vue/index.vue
@@ -3,9 +3,10 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import Paper from './Paper'
 
 export default {
diff --git a/demos/src/Examples/Formatting/React/index.jsx b/demos/src/Examples/Formatting/React/index.jsx
index 120bf7e056..e5225ca860 100644
--- a/demos/src/Examples/Formatting/React/index.jsx
+++ b/demos/src/Examples/Formatting/React/index.jsx
@@ -1,10 +1,11 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
-import TextAlign from '@tiptap/extension-text-align'
-import Highlight from '@tiptap/extension-highlight'
 import './styles.scss'
 
+import Highlight from '@tiptap/extension-highlight'
+import TextAlign from '@tiptap/extension-text-align'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 const MenuBar = ({ editor }) => {
   if (!editor) {
     return null
diff --git a/demos/src/Examples/Formatting/Vue/index.vue b/demos/src/Examples/Formatting/Vue/index.vue
index 2787c6cc88..3bfbc39553 100644
--- a/demos/src/Examples/Formatting/Vue/index.vue
+++ b/demos/src/Examples/Formatting/Vue/index.vue
@@ -41,10 +41,10 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
-import StarterKit from '@tiptap/starter-kit'
-import TextAlign from '@tiptap/extension-text-align'
 import Highlight from '@tiptap/extension-highlight'
+import TextAlign from '@tiptap/extension-text-align'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Examples/Images/React/index.jsx b/demos/src/Examples/Images/React/index.jsx
index 431238fa6d..1de4a9f66e 100644
--- a/demos/src/Examples/Images/React/index.jsx
+++ b/demos/src/Examples/Images/React/index.jsx
@@ -1,13 +1,12 @@
 import './styles.scss'
 
-import React from 'react'
-
 import Document from '@tiptap/extension-document'
 import Dropcursor from '@tiptap/extension-dropcursor'
 import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Examples/Images/Vue/index.vue b/demos/src/Examples/Images/Vue/index.vue
index 9ef8227660..97bf597413 100644
--- a/demos/src/Examples/Images/Vue/index.vue
+++ b/demos/src/Examples/Images/Vue/index.vue
@@ -6,12 +6,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import Dropcursor from '@tiptap/extension-dropcursor'
+import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Image from '@tiptap/extension-image'
-import Dropcursor from '@tiptap/extension-dropcursor'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Examples/InteractivityComponent/React/Component.jsx b/demos/src/Examples/InteractivityComponent/React/Component.jsx
index efe0d9b1e4..d2a2b324ac 100644
--- a/demos/src/Examples/InteractivityComponent/React/Component.jsx
+++ b/demos/src/Examples/InteractivityComponent/React/Component.jsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { NodeViewWrapper } from '@tiptap/react'
+import React from 'react'
 
 export default props => {
   const increase = () => {
diff --git a/demos/src/Examples/InteractivityComponent/React/Extension.js b/demos/src/Examples/InteractivityComponent/React/Extension.js
index 36d61318f9..fedc5f76be 100644
--- a/demos/src/Examples/InteractivityComponent/React/Extension.js
+++ b/demos/src/Examples/InteractivityComponent/React/Extension.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { ReactNodeViewRenderer } from '@tiptap/react'
+
 import Component from './Component.jsx'
 
 export default Node.create({
diff --git a/demos/src/Examples/InteractivityComponent/React/index.jsx b/demos/src/Examples/InteractivityComponent/React/index.jsx
index 394c78fefc..e8d51954d9 100644
--- a/demos/src/Examples/InteractivityComponent/React/index.jsx
+++ b/demos/src/Examples/InteractivityComponent/React/index.jsx
@@ -1,8 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 import ReactComponent from './Extension.js'
-import './styles.scss'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Examples/InteractivityComponent/Vue/Component.vue b/demos/src/Examples/InteractivityComponent/Vue/Component.vue
index a15b6f0b51..71001477e9 100644
--- a/demos/src/Examples/InteractivityComponent/Vue/Component.vue
+++ b/demos/src/Examples/InteractivityComponent/Vue/Component.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Examples/InteractivityComponent/Vue/Extension.js b/demos/src/Examples/InteractivityComponent/Vue/Extension.js
index a4f786d340..9dede7bb0d 100644
--- a/demos/src/Examples/InteractivityComponent/Vue/Extension.js
+++ b/demos/src/Examples/InteractivityComponent/Vue/Extension.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { VueNodeViewRenderer } from '@tiptap/vue-3'
+
 import Component from './Component.vue'
 
 export default Node.create({
diff --git a/demos/src/Examples/InteractivityComponent/Vue/index.vue b/demos/src/Examples/InteractivityComponent/Vue/index.vue
index 3e050e2abc..87fcda4c36 100644
--- a/demos/src/Examples/InteractivityComponent/Vue/index.vue
+++ b/demos/src/Examples/InteractivityComponent/Vue/index.vue
@@ -3,8 +3,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import VueComponent from './Extension.js'
 
 export default {
diff --git a/demos/src/Examples/InteractivityComponentContent/React/Component.jsx b/demos/src/Examples/InteractivityComponentContent/React/Component.jsx
index efcd93a119..153a0a188e 100644
--- a/demos/src/Examples/InteractivityComponentContent/React/Component.jsx
+++ b/demos/src/Examples/InteractivityComponentContent/React/Component.jsx
@@ -1,5 +1,5 @@
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react'
 import React from 'react'
-import { NodeViewWrapper, NodeViewContent } from '@tiptap/react'
 
 export default () => {
   return (
diff --git a/demos/src/Examples/InteractivityComponentContent/React/Extension.js b/demos/src/Examples/InteractivityComponentContent/React/Extension.js
index 90a92887a1..b3cde83281 100644
--- a/demos/src/Examples/InteractivityComponentContent/React/Extension.js
+++ b/demos/src/Examples/InteractivityComponentContent/React/Extension.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { ReactNodeViewRenderer } from '@tiptap/react'
+
 import Component from './Component.jsx'
 
 export default Node.create({
diff --git a/demos/src/Examples/InteractivityComponentContent/React/index.jsx b/demos/src/Examples/InteractivityComponentContent/React/index.jsx
index ac2e67a2cc..42052d12e8 100644
--- a/demos/src/Examples/InteractivityComponentContent/React/index.jsx
+++ b/demos/src/Examples/InteractivityComponentContent/React/index.jsx
@@ -1,8 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 import ReactComponent from './Extension.js'
-import './styles.scss'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Examples/InteractivityComponentContent/Vue/Component.vue b/demos/src/Examples/InteractivityComponentContent/Vue/Component.vue
index 89c606ef46..8e29325dd4 100644
--- a/demos/src/Examples/InteractivityComponentContent/Vue/Component.vue
+++ b/demos/src/Examples/InteractivityComponentContent/Vue/Component.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { NodeViewWrapper, NodeViewContent, nodeViewProps } from '@tiptap/vue-3'
+import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Examples/InteractivityComponentContent/Vue/Extension.js b/demos/src/Examples/InteractivityComponentContent/Vue/Extension.js
index 89a991ec63..7b0e043f6d 100644
--- a/demos/src/Examples/InteractivityComponentContent/Vue/Extension.js
+++ b/demos/src/Examples/InteractivityComponentContent/Vue/Extension.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { VueNodeViewRenderer } from '@tiptap/vue-3'
+
 import Component from './Component.vue'
 
 export default Node.create({
diff --git a/demos/src/Examples/InteractivityComponentContent/Vue/index.vue b/demos/src/Examples/InteractivityComponentContent/Vue/index.vue
index 6cc6bcb88e..164013509f 100644
--- a/demos/src/Examples/InteractivityComponentContent/Vue/index.vue
+++ b/demos/src/Examples/InteractivityComponentContent/Vue/index.vue
@@ -3,8 +3,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import VueComponent from './Extension.js'
 
 export default {
diff --git a/demos/src/Examples/MarkdownShortcuts/React/index.jsx b/demos/src/Examples/MarkdownShortcuts/React/index.jsx
index 9fbc3a66a5..690b00d3cd 100644
--- a/demos/src/Examples/MarkdownShortcuts/React/index.jsx
+++ b/demos/src/Examples/MarkdownShortcuts/React/index.jsx
@@ -1,9 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
+import './styles.scss'
+
 import Highlight from '@tiptap/extension-highlight'
 import Typography from '@tiptap/extension-typography'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Examples/MarkdownShortcuts/Vue/index.vue b/demos/src/Examples/MarkdownShortcuts/Vue/index.vue
index 7a6f93b20d..be81de2472 100644
--- a/demos/src/Examples/MarkdownShortcuts/Vue/index.vue
+++ b/demos/src/Examples/MarkdownShortcuts/Vue/index.vue
@@ -3,10 +3,10 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
-import StarterKit from '@tiptap/starter-kit'
 import Highlight from '@tiptap/extension-highlight'
 import Typography from '@tiptap/extension-typography'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Examples/Menus/React/index.jsx b/demos/src/Examples/Menus/React/index.jsx
index 296d9d7efb..c6a86209b4 100644
--- a/demos/src/Examples/Menus/React/index.jsx
+++ b/demos/src/Examples/Menus/React/index.jsx
@@ -1,12 +1,13 @@
-import React from 'react'
+import './styles.scss'
+
 import {
-  useEditor,
-  EditorContent,
   BubbleMenu,
+  EditorContent,
   FloatingMenu,
+  useEditor,
 } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
-import './styles.scss'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Examples/Menus/Vue/index.vue b/demos/src/Examples/Menus/Vue/index.vue
index 0be24499fb..27dcdb15d9 100644
--- a/demos/src/Examples/Menus/Vue/index.vue
+++ b/demos/src/Examples/Menus/Vue/index.vue
@@ -37,13 +37,13 @@
 </template>
 
 <script>
+import StarterKit from '@tiptap/starter-kit'
 import {
+  BubbleMenu,
   Editor,
   EditorContent,
-  BubbleMenu,
   FloatingMenu,
 } from '@tiptap/vue-3'
-import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
diff --git a/demos/src/Examples/Minimal/React/index.jsx b/demos/src/Examples/Minimal/React/index.jsx
index 309c7b319e..56c1fd93de 100644
--- a/demos/src/Examples/Minimal/React/index.jsx
+++ b/demos/src/Examples/Minimal/React/index.jsx
@@ -1,9 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Examples/Minimal/Vue/index.vue b/demos/src/Examples/Minimal/Vue/index.vue
index 871259002a..f40a19f960 100644
--- a/demos/src/Examples/Minimal/Vue/index.vue
+++ b/demos/src/Examples/Minimal/Vue/index.vue
@@ -3,10 +3,10 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Examples/Savvy/React/ColorHighlighter.ts b/demos/src/Examples/Savvy/React/ColorHighlighter.ts
index 33bf722cb9..6edc5f025c 100644
--- a/demos/src/Examples/Savvy/React/ColorHighlighter.ts
+++ b/demos/src/Examples/Savvy/React/ColorHighlighter.ts
@@ -1,5 +1,6 @@
 import { Extension } from '@tiptap/core'
 import { Plugin } from 'prosemirror-state'
+
 import findColors from './findColors'
 
 export const ColorHighlighter = Extension.create({
diff --git a/demos/src/Examples/Savvy/React/findColors.ts b/demos/src/Examples/Savvy/React/findColors.ts
index dd6be4bafd..7e49d9ab1e 100644
--- a/demos/src/Examples/Savvy/React/findColors.ts
+++ b/demos/src/Examples/Savvy/React/findColors.ts
@@ -1,5 +1,5 @@
-import { Decoration, DecorationSet } from 'prosemirror-view'
 import { Node } from 'prosemirror-model'
+import { Decoration, DecorationSet } from 'prosemirror-view'
 
 export default function (doc: Node): DecorationSet {
   const hexColor = /(#[0-9a-f]{3,6})\b/gi
diff --git a/demos/src/Examples/Savvy/React/index.jsx b/demos/src/Examples/Savvy/React/index.jsx
index 20ce050d94..1af78467aa 100644
--- a/demos/src/Examples/Savvy/React/index.jsx
+++ b/demos/src/Examples/Savvy/React/index.jsx
@@ -1,13 +1,15 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Code from '@tiptap/extension-code'
 import Typography from '@tiptap/extension-typography'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
 import { ColorHighlighter } from './ColorHighlighter'
 import { SmilieReplacer } from './SmilieReplacer'
-import './styles.scss'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts b/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts
index 01a0599946..9ce38cfe91 100644
--- a/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts
+++ b/demos/src/Examples/Savvy/Vue/ColorHighlighter.ts
@@ -1,5 +1,6 @@
 import { Extension } from '@tiptap/core'
 import { Plugin } from 'prosemirror-state'
+
 import findColors from './findColors'
 
 export const ColorHighlighter = Extension.create({
diff --git a/demos/src/Examples/Savvy/Vue/findColors.ts b/demos/src/Examples/Savvy/Vue/findColors.ts
index f71072f0a5..211fa587e4 100644
--- a/demos/src/Examples/Savvy/Vue/findColors.ts
+++ b/demos/src/Examples/Savvy/Vue/findColors.ts
@@ -1,5 +1,5 @@
-import { Decoration, DecorationSet } from 'prosemirror-view'
 import { Node } from 'prosemirror-model'
+import { Decoration, DecorationSet } from 'prosemirror-view'
 
 export default function (doc: Node): DecorationSet {
   const hexColor = /(#[0-9a-f]{3,6})\b/ig
diff --git a/demos/src/Examples/Savvy/Vue/index.vue b/demos/src/Examples/Savvy/Vue/index.vue
index ba893a1205..043498f018 100644
--- a/demos/src/Examples/Savvy/Vue/index.vue
+++ b/demos/src/Examples/Savvy/Vue/index.vue
@@ -3,12 +3,13 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Code from '@tiptap/extension-code'
 import Typography from '@tiptap/extension-typography'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import { ColorHighlighter } from './ColorHighlighter'
 import { SmilieReplacer } from './SmilieReplacer'
 
diff --git a/demos/src/Examples/Tables/React/index.jsx b/demos/src/Examples/Tables/React/index.jsx
index fe19e2a07f..7fab591589 100644
--- a/demos/src/Examples/Tables/React/index.jsx
+++ b/demos/src/Examples/Tables/React/index.jsx
@@ -1,11 +1,12 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
+import './styles.scss'
+
 import Table from '@tiptap/extension-table'
-import TableRow from '@tiptap/extension-table-row'
 import TableCell from '@tiptap/extension-table-cell'
 import TableHeader from '@tiptap/extension-table-header'
-import './styles.scss'
+import TableRow from '@tiptap/extension-table-row'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
 
 const CustomTableCell = TableCell.extend({
   addAttributes() {
diff --git a/demos/src/Examples/Tables/Vue/index.vue b/demos/src/Examples/Tables/Vue/index.vue
index 2454cd5c77..e6d83bc744 100644
--- a/demos/src/Examples/Tables/Vue/index.vue
+++ b/demos/src/Examples/Tables/Vue/index.vue
@@ -59,12 +59,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
-import StarterKit from '@tiptap/starter-kit'
 import Table from '@tiptap/extension-table'
-import TableRow from '@tiptap/extension-table-row'
 import TableCell from '@tiptap/extension-table-cell'
 import TableHeader from '@tiptap/extension-table-header'
+import TableRow from '@tiptap/extension-table-row'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 const CustomTableCell = TableCell.extend({
   addAttributes() {
diff --git a/demos/src/Examples/Tasks/React/index.jsx b/demos/src/Examples/Tasks/React/index.jsx
index 2345b4a447..cbd0a17ff2 100644
--- a/demos/src/Examples/Tasks/React/index.jsx
+++ b/demos/src/Examples/Tasks/React/index.jsx
@@ -1,11 +1,12 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import TaskList from '@tiptap/extension-task-list'
 import TaskItem from '@tiptap/extension-task-item'
-import './styles.scss'
+import TaskList from '@tiptap/extension-task-list'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 const CustomDocument = Document.extend({
   content: 'taskList',
diff --git a/demos/src/Examples/Tasks/Vue/index.vue b/demos/src/Examples/Tasks/Vue/index.vue
index 5b75b0409d..42235a4b07 100644
--- a/demos/src/Examples/Tasks/Vue/index.vue
+++ b/demos/src/Examples/Tasks/Vue/index.vue
@@ -3,12 +3,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import TaskList from '@tiptap/extension-task-list'
 import TaskItem from '@tiptap/extension-task-item'
+import TaskList from '@tiptap/extension-task-list'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 const CustomDocument = Document.extend({
   content: 'taskList',
diff --git a/demos/src/Experiments/All/Vue/index.vue b/demos/src/Experiments/All/Vue/index.vue
index c6bf8d0ac5..6dcd54dafd 100644
--- a/demos/src/Experiments/All/Vue/index.vue
+++ b/demos/src/Experiments/All/Vue/index.vue
@@ -70,43 +70,42 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Blockquote from '@tiptap/extension-blockquote'
 import Bold from '@tiptap/extension-bold'
 import BulletList from '@tiptap/extension-bullet-list'
 import Code from '@tiptap/extension-code'
 import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
+import Color from '@tiptap/extension-color'
 import Document from '@tiptap/extension-document'
 import Dropcursor from '@tiptap/extension-dropcursor'
 import Gapcursor from '@tiptap/extension-gapcursor'
 import HardBreak from '@tiptap/extension-hard-break'
 import Heading from '@tiptap/extension-heading'
+import Highlight from '@tiptap/extension-highlight'
 import History from '@tiptap/extension-history'
 import HorizontalRule from '@tiptap/extension-horizontal-rule'
+import Image from '@tiptap/extension-image'
 import Italic from '@tiptap/extension-italic'
+import Link from '@tiptap/extension-link'
 import ListItem from '@tiptap/extension-list-item'
+import Mention from '@tiptap/extension-mention'
 import OrderedList from '@tiptap/extension-ordered-list'
 import Paragraph from '@tiptap/extension-paragraph'
+import Placeholder from '@tiptap/extension-placeholder'
 import Strike from '@tiptap/extension-strike'
-import Text from '@tiptap/extension-text'
-import Underline from '@tiptap/extension-underline'
-import Superscript from '@tiptap/extension-superscript'
 import Subscript from '@tiptap/extension-subscript'
-import Link from '@tiptap/extension-link'
-import Mention from '@tiptap/extension-mention'
+import Superscript from '@tiptap/extension-superscript'
 import Table from '@tiptap/extension-table'
-import TableRow from '@tiptap/extension-table-row'
 import TableCell from '@tiptap/extension-table-cell'
 import TableHeader from '@tiptap/extension-table-header'
-import Image from '@tiptap/extension-image'
-import TaskList from '@tiptap/extension-task-list'
+import TableRow from '@tiptap/extension-table-row'
 import TaskItem from '@tiptap/extension-task-item'
-import Placeholder from '@tiptap/extension-placeholder'
+import TaskList from '@tiptap/extension-task-list'
+import Text from '@tiptap/extension-text'
 import TextAlign from '@tiptap/extension-text-align'
 import TextStyle from '@tiptap/extension-text-style'
-import Color from '@tiptap/extension-color'
-import Highlight from '@tiptap/extension-highlight'
-
+import Underline from '@tiptap/extension-underline'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 import lowlight from 'lowlight'
 
 export default {
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts
index 14ac17e367..70efa5f55e 100644
--- a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationPlugin.ts
@@ -1,5 +1,6 @@
-import * as Y from 'yjs'
 import { Plugin, PluginKey } from 'prosemirror-state'
+import * as Y from 'yjs'
+
 import { AnnotationState } from './AnnotationState'
 
 export const AnnotationPluginKey = new PluginKey('annotation')
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts
index 0162548081..c363e39fe4 100644
--- a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/AnnotationState.ts
@@ -1,10 +1,11 @@
-import * as Y from 'yjs'
 import { EditorState, Transaction } from 'prosemirror-state'
 import { Decoration, DecorationSet } from 'prosemirror-view'
-import { ySyncPluginKey, relativePositionToAbsolutePosition, absolutePositionToRelativePosition } from 'y-prosemirror'
-import { AddAnnotationAction, DeleteAnnotationAction, UpdateAnnotationAction } from './collaboration-annotation'
-import { AnnotationPluginKey } from './AnnotationPlugin'
+import { absolutePositionToRelativePosition, relativePositionToAbsolutePosition, ySyncPluginKey } from 'y-prosemirror'
+import * as Y from 'yjs'
+
 import { AnnotationItem } from './AnnotationItem'
+import { AnnotationPluginKey } from './AnnotationPlugin'
+import { AddAnnotationAction, DeleteAnnotationAction, UpdateAnnotationAction } from './collaboration-annotation'
 
 export interface AnnotationStateOptions {
   HTMLAttributes: {
@@ -91,6 +92,7 @@ export class AnnotationState {
         return
       }
 
+      // eslint-disable-next-line
       console.log(`[${this.options.instance}] Decoration.inline()`, from, to, HTMLAttributes, { id, data: annotation.data })
 
       if (from === to) {
@@ -110,6 +112,7 @@ export class AnnotationState {
     const action = transaction.getMeta(AnnotationPluginKey) as AddAnnotationAction | UpdateAnnotationAction | DeleteAnnotationAction
 
     if (action && action.type) {
+      // eslint-disable-next-line
       console.log(`[${this.options.instance}] action: ${action.type}`)
 
       if (action.type === 'addAnnotation') {
@@ -136,6 +139,7 @@ export class AnnotationState {
     const ystate = ySyncPluginKey.getState(state)
 
     if (ystate.isChangeOrigin) {
+      // eslint-disable-next-line
       console.log(`[${this.options.instance}] isChangeOrigin: true → createDecorations`)
       this.createDecorations(state)
 
@@ -143,6 +147,7 @@ export class AnnotationState {
     }
 
     // Use ProseMirror to update positions
+    // eslint-disable-next-line
     console.log(`[${this.options.instance}] isChangeOrigin: false → ProseMirror mapping`)
     this.decorations = this.decorations.map(transaction.mapping, transaction.doc)
 
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts
index 267a75c03f..c85bd66d25 100644
--- a/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/extension/collaboration-annotation.ts
@@ -1,5 +1,6 @@
-import * as Y from 'yjs'
 import { Extension } from '@tiptap/core'
+import * as Y from 'yjs'
+
 import { AnnotationPlugin, AnnotationPluginKey } from './AnnotationPlugin'
 
 export interface AddAnnotationAction {
@@ -81,6 +82,7 @@ export const CollaborationAnnotation = Extension.create<AnnotationOptions>({
     const map = getMapFromOptions(this.options)
 
     map.observe(() => {
+      // eslint-disable-next-line
       console.log(`[${this.options.instance}] map updated  → createDecorations`)
 
       const transaction = this.editor.state.tr.setMeta(AnnotationPluginKey, {
diff --git a/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue b/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue
index ccbf6723db..e7b01a45ef 100644
--- a/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue
+++ b/demos/src/Experiments/CollaborationAnnotation/Vue/index.vue
@@ -32,14 +32,15 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import Bold from '@tiptap/extension-bold'
+import Collaboration from '@tiptap/extension-collaboration'
 import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Collaboration from '@tiptap/extension-collaboration'
-import Bold from '@tiptap/extension-bold'
-import Heading from '@tiptap/extension-heading'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 import * as Y from 'yjs'
+
 import CollaborationAnnotation from './extension'
 
 export default {
diff --git a/demos/src/Experiments/Commands/Vue/index.vue b/demos/src/Experiments/Commands/Vue/index.vue
index 23cd99c689..9f4b624a97 100644
--- a/demos/src/Experiments/Commands/Vue/index.vue
+++ b/demos/src/Experiments/Commands/Vue/index.vue
@@ -5,8 +5,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import Commands from './commands'
 import suggestion from './suggestion'
 
diff --git a/demos/src/Experiments/Commands/Vue/suggestion.js b/demos/src/Experiments/Commands/Vue/suggestion.js
index 8d648fa8cc..cfc28aad9b 100644
--- a/demos/src/Experiments/Commands/Vue/suggestion.js
+++ b/demos/src/Experiments/Commands/Vue/suggestion.js
@@ -1,6 +1,5 @@
-import tippy from 'tippy.js'
-
 import { VueRenderer } from '@tiptap/vue-3'
+import tippy from 'tippy.js'
 
 import CommandsList from './CommandsList.vue'
 
diff --git a/demos/src/Experiments/Embeds/Vue/index.vue b/demos/src/Experiments/Embeds/Vue/index.vue
index a1ce95cd38..76f553f8b6 100644
--- a/demos/src/Experiments/Embeds/Vue/index.vue
+++ b/demos/src/Experiments/Embeds/Vue/index.vue
@@ -9,8 +9,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import Iframe from './iframe'
 
 export default {
diff --git a/demos/src/Experiments/ExtensionStorage/React/index.jsx b/demos/src/Experiments/ExtensionStorage/React/index.jsx
index 3f75a1da2b..694f94823a 100644
--- a/demos/src/Experiments/ExtensionStorage/React/index.jsx
+++ b/demos/src/Experiments/ExtensionStorage/React/index.jsx
@@ -1,10 +1,12 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
+
 import { CustomExtension } from './CustomExtension'
-import './styles.scss'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Experiments/ExtensionStorage/Vue/index.vue b/demos/src/Experiments/ExtensionStorage/Vue/index.vue
index a09406c4f7..e905d1c528 100644
--- a/demos/src/Experiments/ExtensionStorage/Vue/index.vue
+++ b/demos/src/Experiments/ExtensionStorage/Vue/index.vue
@@ -4,10 +4,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import { CustomExtension } from './CustomExtension'
 
 export default {
diff --git a/demos/src/Experiments/Figure/Vue/figure.ts b/demos/src/Experiments/Figure/Vue/figure.ts
index 70bd462f3b..d2b88421e7 100644
--- a/demos/src/Experiments/Figure/Vue/figure.ts
+++ b/demos/src/Experiments/Figure/Vue/figure.ts
@@ -1,8 +1,8 @@
 import {
+  findChildrenInRange,
+  mergeAttributes,
   Node,
   nodeInputRule,
-  mergeAttributes,
-  findChildrenInRange,
   Tracker,
 } from '@tiptap/core'
 
diff --git a/demos/src/Experiments/Figure/Vue/index.vue b/demos/src/Experiments/Figure/Vue/index.vue
index f90a40528c..7df88ef9cf 100644
--- a/demos/src/Experiments/Figure/Vue/index.vue
+++ b/demos/src/Experiments/Figure/Vue/index.vue
@@ -23,9 +23,10 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
-import StarterKit from '@tiptap/starter-kit'
 import Image from '@tiptap/extension-image'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import { Figure } from './figure'
 
 export default {
diff --git a/demos/src/Experiments/GenericFigure/Vue/figcaption.ts b/demos/src/Experiments/GenericFigure/Vue/figcaption.ts
index 2d13fc4e3e..263890371d 100644
--- a/demos/src/Experiments/GenericFigure/Vue/figcaption.ts
+++ b/demos/src/Experiments/GenericFigure/Vue/figcaption.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
 export const Figcaption = Node.create({
   name: 'figcaption',
diff --git a/demos/src/Experiments/GenericFigure/Vue/figure.ts b/demos/src/Experiments/GenericFigure/Vue/figure.ts
index 107a95bcb9..83cce55089 100644
--- a/demos/src/Experiments/GenericFigure/Vue/figure.ts
+++ b/demos/src/Experiments/GenericFigure/Vue/figure.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { Plugin } from 'prosemirror-state'
 
 export const Figure = Node.create({
diff --git a/demos/src/Experiments/GenericFigure/Vue/index.vue b/demos/src/Experiments/GenericFigure/Vue/index.vue
index 4fc2cc8b90..1bef04e993 100644
--- a/demos/src/Experiments/GenericFigure/Vue/index.vue
+++ b/demos/src/Experiments/GenericFigure/Vue/index.vue
@@ -17,15 +17,16 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
-import StarterKit from '@tiptap/starter-kit'
 import Image from '@tiptap/extension-image'
 import Table from '@tiptap/extension-table'
-import TableRow from '@tiptap/extension-table-row'
 import TableCell from '@tiptap/extension-table-cell'
 import TableHeader from '@tiptap/extension-table-header'
-import { Figure } from './figure'
+import TableRow from '@tiptap/extension-table-row'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import { Figcaption } from './figcaption'
+import { Figure } from './figure'
 
 const ImageFigure = Figure.extend({
   name: 'capturedImage',
diff --git a/demos/src/Experiments/GlobalDragHandle/Vue/index.vue b/demos/src/Experiments/GlobalDragHandle/Vue/index.vue
index 47a774339d..c988c4d45f 100644
--- a/demos/src/Experiments/GlobalDragHandle/Vue/index.vue
+++ b/demos/src/Experiments/GlobalDragHandle/Vue/index.vue
@@ -5,8 +5,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import DragHandle from './DragHandle.js'
 
 export default {
@@ -37,6 +38,7 @@ export default {
         <pre>code</pre>
       `,
       onUpdate: () => {
+        // eslint-disable-next-line
         console.log(this.editor.getHTML())
       },
     })
diff --git a/demos/src/Experiments/Linter/Vue/extension/Linter.ts b/demos/src/Experiments/Linter/Vue/extension/Linter.ts
index 93f076b030..330c89502d 100644
--- a/demos/src/Experiments/Linter/Vue/extension/Linter.ts
+++ b/demos/src/Experiments/Linter/Vue/extension/Linter.ts
@@ -1,7 +1,8 @@
 import { Extension } from '@tiptap/core'
-import { Decoration, DecorationSet } from 'prosemirror-view'
-import { Plugin, PluginKey, TextSelection } from 'prosemirror-state'
 import { Node as ProsemirrorNode } from 'prosemirror-model'
+import { Plugin, PluginKey, TextSelection } from 'prosemirror-state'
+import { Decoration, DecorationSet } from 'prosemirror-view'
+
 import LinterPlugin, { Result as Issue } from './LinterPlugin'
 
 interface IconDivElement extends HTMLDivElement {
@@ -26,10 +27,12 @@ function runAllLinterPlugins(doc: ProsemirrorNode, plugins: Array<typeof LinterP
   }).flat()
 
   results.forEach(issue => {
-    decorations.push(Decoration.inline(issue.from, issue.to, {
-      class: 'problem',
-    }),
-    Decoration.widget(issue.from, renderIcon(issue)))
+    decorations.push(
+      Decoration.inline(issue.from, issue.to, {
+        class: 'problem',
+      }),
+      Decoration.widget(issue.from, renderIcon(issue)),
+    )
   })
 
   return DecorationSet.create(doc, decorations)
diff --git a/demos/src/Experiments/Linter/Vue/extension/index.ts b/demos/src/Experiments/Linter/Vue/extension/index.ts
index 29d42a686d..ac12372025 100644
--- a/demos/src/Experiments/Linter/Vue/extension/index.ts
+++ b/demos/src/Experiments/Linter/Vue/extension/index.ts
@@ -4,5 +4,5 @@ export * from './Linter'
 export default Linter
 
 export { BadWords } from './plugins/BadWords'
-export { Punctuation } from './plugins/Punctuation'
 export { HeadingLevel } from './plugins/HeadingLevel'
+export { Punctuation } from './plugins/Punctuation'
diff --git a/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts b/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts
index 6111b4d8e3..8f1a01e51b 100644
--- a/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts
+++ b/demos/src/Experiments/Linter/Vue/extension/plugins/BadWords.ts
@@ -15,7 +15,8 @@ export class BadWords extends LinterPlugin {
       if (matches) {
         this.record(
           `Try not to say '${matches[0]}'`,
-          position + matches.index, position + matches.index + matches[0].length,
+          position + matches.index,
+          position + matches.index + matches[0].length,
         )
       }
     })
diff --git a/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts b/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts
index 001d5122ed..728097a340 100644
--- a/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts
+++ b/demos/src/Experiments/Linter/Vue/extension/plugins/HeadingLevel.ts
@@ -1,4 +1,5 @@
 import { EditorView } from 'prosemirror-view'
+
 import LinterPlugin, { Result as Issue } from '../LinterPlugin'
 
 export class HeadingLevel extends LinterPlugin {
@@ -17,9 +18,12 @@ export class HeadingLevel extends LinterPlugin {
         const { level } = node.attrs
 
         if (lastHeadLevel != null && level > lastHeadLevel + 1) {
-          this.record(`Heading too small (${level} under ${lastHeadLevel})`,
-            position + 1, position + 1 + node.content.size,
-            this.fixHeader(lastHeadLevel + 1))
+          this.record(
+            `Heading too small (${level} under ${lastHeadLevel})`,
+            position + 1,
+            position + 1 + node.content.size,
+            this.fixHeader(lastHeadLevel + 1),
+          )
         }
         lastHeadLevel = level
       }
diff --git a/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts b/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts
index f0b569c810..4ccb24396c 100644
--- a/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts
+++ b/demos/src/Experiments/Linter/Vue/extension/plugins/Punctuation.ts
@@ -1,4 +1,5 @@
 import { EditorView } from 'prosemirror-view'
+
 import LinterPlugin, { Result as Issue } from '../LinterPlugin'
 
 export class Punctuation extends LinterPlugin {
@@ -8,7 +9,8 @@ export class Punctuation extends LinterPlugin {
     return function ({ state, dispatch }: EditorView, issue: Issue) {
       dispatch(
         state.tr.replaceWith(
-          issue.from, issue.to,
+          issue.from,
+          issue.to,
           state.schema.text(replacement),
         ),
       )
@@ -30,7 +32,8 @@ export class Punctuation extends LinterPlugin {
       if (matches) {
         this.record(
           'Suspicious spacing around punctuation',
-          position + matches.index, position + matches.index + matches[0].length,
+          position + matches.index,
+          position + matches.index + matches[0].length,
           this.fix(`${matches[1]} `),
         )
       }
diff --git a/demos/src/Experiments/Linter/Vue/index.vue b/demos/src/Experiments/Linter/Vue/index.vue
index 29f8a4b138..debf58cff4 100644
--- a/demos/src/Experiments/Linter/Vue/index.vue
+++ b/demos/src/Experiments/Linter/Vue/index.vue
@@ -5,12 +5,13 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
-import Text from '@tiptap/extension-text'
-import Paragraph from '@tiptap/extension-paragraph'
 import Heading from '@tiptap/extension-heading'
-import Linter, { BadWords, Punctuation, HeadingLevel } from './extension'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
+import Linter, { BadWords, HeadingLevel, Punctuation } from './extension'
 
 export default {
   components: {
diff --git a/demos/src/Experiments/MultipleEditors/Vue/index.vue b/demos/src/Experiments/MultipleEditors/Vue/index.vue
index 403a36099b..2a1a2ae075 100644
--- a/demos/src/Experiments/MultipleEditors/Vue/index.vue
+++ b/demos/src/Experiments/MultipleEditors/Vue/index.vue
@@ -28,16 +28,16 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import Bold from '@tiptap/extension-bold'
+import Collaboration from '@tiptap/extension-collaboration'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import Bold from '@tiptap/extension-bold'
-import TaskList from '@tiptap/extension-task-list'
 import TaskItem from '@tiptap/extension-task-item'
-import Collaboration from '@tiptap/extension-collaboration'
-import * as Y from 'yjs'
+import TaskList from '@tiptap/extension-task-list'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 import { yDocToProsemirrorJSON } from 'y-prosemirror'
+import * as Y from 'yjs'
 
 const ParagraphDocument = Document.extend({
   content: 'paragraph',
diff --git a/demos/src/Experiments/TrailingNode/Vue/index.vue b/demos/src/Experiments/TrailingNode/Vue/index.vue
index 7d06edb481..d8c3e13bf3 100644
--- a/demos/src/Experiments/TrailingNode/Vue/index.vue
+++ b/demos/src/Experiments/TrailingNode/Vue/index.vue
@@ -5,8 +5,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import { TrailingNode } from './trailing-node'
 
 export default {
diff --git a/demos/src/Experiments/TrailingNode/Vue/trailing-node.ts b/demos/src/Experiments/TrailingNode/Vue/trailing-node.ts
index 69cd069f99..f5b2520d52 100644
--- a/demos/src/Experiments/TrailingNode/Vue/trailing-node.ts
+++ b/demos/src/Experiments/TrailingNode/Vue/trailing-node.ts
@@ -1,5 +1,5 @@
 import { Extension } from '@tiptap/core'
-import { PluginKey, Plugin } from 'prosemirror-state'
+import { Plugin, PluginKey } from 'prosemirror-state'
 
 // @ts-ignore
 function nodeEqualsType({ types, node }) {
diff --git a/demos/src/Extensions/BubbleMenu/React/index.jsx b/demos/src/Extensions/BubbleMenu/React/index.jsx
index 1ba984b825..6ed4ff3820 100644
--- a/demos/src/Extensions/BubbleMenu/React/index.jsx
+++ b/demos/src/Extensions/BubbleMenu/React/index.jsx
@@ -1,8 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent, BubbleMenu } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
 import './styles.scss'
 
+import { BubbleMenu, EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 export default () => {
   const editor = useEditor({
     extensions: [
diff --git a/demos/src/Extensions/BubbleMenu/Vue/index.vue b/demos/src/Extensions/BubbleMenu/Vue/index.vue
index 771e8995de..9df08d484b 100644
--- a/demos/src/Extensions/BubbleMenu/Vue/index.vue
+++ b/demos/src/Extensions/BubbleMenu/Vue/index.vue
@@ -16,8 +16,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, BubbleMenu } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { BubbleMenu, Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/CharacterCount/React/index.jsx b/demos/src/Extensions/CharacterCount/React/index.jsx
index 8cf4c88bf4..c33d235f11 100644
--- a/demos/src/Extensions/CharacterCount/React/index.jsx
+++ b/demos/src/Extensions/CharacterCount/React/index.jsx
@@ -1,10 +1,11 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import CharacterCount from '@tiptap/extension-character-count'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import CharacterCount from '@tiptap/extension-character-count'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 const limit = 280
 
diff --git a/demos/src/Extensions/CharacterCount/Vue/index.vue b/demos/src/Extensions/CharacterCount/Vue/index.vue
index c7123c77e4..911f9ef407 100644
--- a/demos/src/Extensions/CharacterCount/Vue/index.vue
+++ b/demos/src/Extensions/CharacterCount/Vue/index.vue
@@ -11,11 +11,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import CharacterCount from '@tiptap/extension-character-count'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import CharacterCount from '@tiptap/extension-character-count'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/Collaboration/React/index.jsx b/demos/src/Extensions/Collaboration/React/index.jsx
index 6e86178ff8..dedc5726d8 100644
--- a/demos/src/Extensions/Collaboration/React/index.jsx
+++ b/demos/src/Extensions/Collaboration/React/index.jsx
@@ -1,13 +1,14 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import Collaboration from '@tiptap/extension-collaboration'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import Collaboration from '@tiptap/extension-collaboration'
 import Placeholder from '@tiptap/extension-placeholder'
-import * as Y from 'yjs'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 import { WebrtcProvider } from 'y-webrtc'
-import './styles.scss'
+import * as Y from 'yjs'
 
 const ydoc = new Y.Doc()
 
diff --git a/demos/src/Extensions/Collaboration/Vue/index.vue b/demos/src/Extensions/Collaboration/Vue/index.vue
index 07309dff31..9cfec93717 100644
--- a/demos/src/Extensions/Collaboration/Vue/index.vue
+++ b/demos/src/Extensions/Collaboration/Vue/index.vue
@@ -3,14 +3,14 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import Collaboration from '@tiptap/extension-collaboration'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import Collaboration from '@tiptap/extension-collaboration'
 import Placeholder from '@tiptap/extension-placeholder'
-import * as Y from 'yjs'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 import { WebrtcProvider } from 'y-webrtc'
+import * as Y from 'yjs'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/CollaborationCursor/React/index.jsx b/demos/src/Extensions/CollaborationCursor/React/index.jsx
index 1f687f83a4..c6589c70a9 100644
--- a/demos/src/Extensions/CollaborationCursor/React/index.jsx
+++ b/demos/src/Extensions/CollaborationCursor/React/index.jsx
@@ -1,14 +1,15 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import Collaboration from '@tiptap/extension-collaboration'
+import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
+import Placeholder from '@tiptap/extension-placeholder'
 import Text from '@tiptap/extension-text'
-import Collaboration from '@tiptap/extension-collaboration'
-import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
-import * as Y from 'yjs'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 import { WebrtcProvider } from 'y-webrtc'
-import Placeholder from '@tiptap/extension-placeholder'
-import './styles.scss'
+import * as Y from 'yjs'
 
 const ydoc = new Y.Doc()
 const provider = new WebrtcProvider('tiptap-collaboration-cursor-extension', ydoc)
diff --git a/demos/src/Extensions/CollaborationCursor/Vue/index.vue b/demos/src/Extensions/CollaborationCursor/Vue/index.vue
index aac84d4368..3322e9f1ef 100644
--- a/demos/src/Extensions/CollaborationCursor/Vue/index.vue
+++ b/demos/src/Extensions/CollaborationCursor/Vue/index.vue
@@ -3,15 +3,15 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import Collaboration from '@tiptap/extension-collaboration'
+import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
+import Placeholder from '@tiptap/extension-placeholder'
 import Text from '@tiptap/extension-text'
-import Collaboration from '@tiptap/extension-collaboration'
-import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
-import * as Y from 'yjs'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 import { WebrtcProvider } from 'y-webrtc'
-import Placeholder from '@tiptap/extension-placeholder'
+import * as Y from 'yjs'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/Color/React/index.jsx b/demos/src/Extensions/Color/React/index.jsx
index bc7e71965e..fcd9f1927a 100644
--- a/demos/src/Extensions/Color/React/index.jsx
+++ b/demos/src/Extensions/Color/React/index.jsx
@@ -1,10 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import { Color } from '@tiptap/extension-color'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import TextStyle from '@tiptap/extension-text-style'
-import { Color } from '@tiptap/extension-color'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Extensions/Color/Vue/index.vue b/demos/src/Extensions/Color/Vue/index.vue
index 379675757d..3046df05bb 100644
--- a/demos/src/Extensions/Color/Vue/index.vue
+++ b/demos/src/Extensions/Color/Vue/index.vue
@@ -35,12 +35,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import { Color } from '@tiptap/extension-color'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import TextStyle from '@tiptap/extension-text-style'
-import { Color } from '@tiptap/extension-color'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/Dropcursor/React/index.jsx b/demos/src/Extensions/Dropcursor/React/index.jsx
index bb0477632d..418b27e74c 100644
--- a/demos/src/Extensions/Dropcursor/React/index.jsx
+++ b/demos/src/Extensions/Dropcursor/React/index.jsx
@@ -1,11 +1,12 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Dropcursor from '@tiptap/extension-dropcursor'
 import Image from '@tiptap/extension-image'
-import './styles.scss'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Extensions/Dropcursor/Vue/index.vue b/demos/src/Extensions/Dropcursor/Vue/index.vue
index 8e9b98f87f..ec4bb4ff20 100644
--- a/demos/src/Extensions/Dropcursor/Vue/index.vue
+++ b/demos/src/Extensions/Dropcursor/Vue/index.vue
@@ -3,12 +3,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Dropcursor from '@tiptap/extension-dropcursor'
 import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/FloatingMenu/React/index.jsx b/demos/src/Extensions/FloatingMenu/React/index.jsx
index 310d2aa2e6..2ec6ba804f 100644
--- a/demos/src/Extensions/FloatingMenu/React/index.jsx
+++ b/demos/src/Extensions/FloatingMenu/React/index.jsx
@@ -1,8 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent, FloatingMenu } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
 import './styles.scss'
 
+import { EditorContent, FloatingMenu, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 export default () => {
   const editor = useEditor({
     extensions: [
diff --git a/demos/src/Extensions/FloatingMenu/Vue/index.vue b/demos/src/Extensions/FloatingMenu/Vue/index.vue
index c5a61badeb..163ca7b4a4 100644
--- a/demos/src/Extensions/FloatingMenu/Vue/index.vue
+++ b/demos/src/Extensions/FloatingMenu/Vue/index.vue
@@ -16,8 +16,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent, FloatingMenu } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent, FloatingMenu } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/Focus/React/index.jsx b/demos/src/Extensions/Focus/React/index.jsx
index a0109cef29..2a64883de4 100644
--- a/demos/src/Extensions/Focus/React/index.jsx
+++ b/demos/src/Extensions/Focus/React/index.jsx
@@ -1,13 +1,14 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import BulletList from '@tiptap/extension-bullet-list'
+import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Focus from '@tiptap/extension-focus'
-import Code from '@tiptap/extension-code'
-import BulletList from '@tiptap/extension-bullet-list'
 import ListItem from '@tiptap/extension-list-item'
-import './styles.scss'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Extensions/Focus/Vue/index.vue b/demos/src/Extensions/Focus/Vue/index.vue
index 2bc91e2816..d53c77eff9 100644
--- a/demos/src/Extensions/Focus/Vue/index.vue
+++ b/demos/src/Extensions/Focus/Vue/index.vue
@@ -3,14 +3,14 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import BulletList from '@tiptap/extension-bullet-list'
+import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Focus from '@tiptap/extension-focus'
-import Code from '@tiptap/extension-code'
-import BulletList from '@tiptap/extension-bullet-list'
 import ListItem from '@tiptap/extension-list-item'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/FontFamily/React/index.jsx b/demos/src/Extensions/FontFamily/React/index.jsx
index d6b1f9a81c..6d7bbbdc8e 100644
--- a/demos/src/Extensions/FontFamily/React/index.jsx
+++ b/demos/src/Extensions/FontFamily/React/index.jsx
@@ -1,10 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
+import FontFamily from '@tiptap/extension-font-family'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import TextStyle from '@tiptap/extension-text-style'
-import FontFamily from '@tiptap/extension-font-family'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Extensions/FontFamily/Vue/index.vue b/demos/src/Extensions/FontFamily/Vue/index.vue
index 66f29f8f74..325a8793c3 100644
--- a/demos/src/Extensions/FontFamily/Vue/index.vue
+++ b/demos/src/Extensions/FontFamily/Vue/index.vue
@@ -24,12 +24,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import FontFamily from '@tiptap/extension-font-family'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import TextStyle from '@tiptap/extension-text-style'
-import FontFamily from '@tiptap/extension-font-family'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/Gapcursor/React/index.jsx b/demos/src/Extensions/Gapcursor/React/index.jsx
index 76559b04cb..b0510c2f1e 100644
--- a/demos/src/Extensions/Gapcursor/React/index.jsx
+++ b/demos/src/Extensions/Gapcursor/React/index.jsx
@@ -1,11 +1,12 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Gapcursor from '@tiptap/extension-gapcursor'
 import Image from '@tiptap/extension-image'
-import './styles.scss'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Extensions/Gapcursor/Vue/index.vue b/demos/src/Extensions/Gapcursor/Vue/index.vue
index b062842c46..7287329831 100644
--- a/demos/src/Extensions/Gapcursor/Vue/index.vue
+++ b/demos/src/Extensions/Gapcursor/Vue/index.vue
@@ -3,12 +3,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Gapcursor from '@tiptap/extension-gapcursor'
 import Image from '@tiptap/extension-image'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/History/React/index.jsx b/demos/src/Extensions/History/React/index.jsx
index 23ab179690..addb44b7c3 100644
--- a/demos/src/Extensions/History/React/index.jsx
+++ b/demos/src/Extensions/History/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
+import History from '@tiptap/extension-history'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import History from '@tiptap/extension-history'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Extensions/History/Vue/index.vue b/demos/src/Extensions/History/Vue/index.vue
index f8c9b82edd..536db08221 100644
--- a/demos/src/Extensions/History/Vue/index.vue
+++ b/demos/src/Extensions/History/Vue/index.vue
@@ -18,11 +18,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import History from '@tiptap/extension-history'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import History from '@tiptap/extension-history'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/Placeholder/React/index.jsx b/demos/src/Extensions/Placeholder/React/index.jsx
index b1b7a7d4de..9703539804 100644
--- a/demos/src/Extensions/Placeholder/React/index.jsx
+++ b/demos/src/Extensions/Placeholder/React/index.jsx
@@ -1,9 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
-import Placeholder from '@tiptap/extension-placeholder'
 import './styles.scss'
 
+import Placeholder from '@tiptap/extension-placeholder'
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 export default () => {
   const editor = useEditor({
     extensions: [
diff --git a/demos/src/Extensions/Placeholder/Vue/index.vue b/demos/src/Extensions/Placeholder/Vue/index.vue
index e50dca398c..a8fc0eb4fb 100644
--- a/demos/src/Extensions/Placeholder/Vue/index.vue
+++ b/demos/src/Extensions/Placeholder/Vue/index.vue
@@ -3,9 +3,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
-import StarterKit from '@tiptap/starter-kit'
 import Placeholder from '@tiptap/extension-placeholder'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/TextAlign/React/index.jsx b/demos/src/Extensions/TextAlign/React/index.jsx
index 539c7dc940..bf8d968251 100644
--- a/demos/src/Extensions/TextAlign/React/index.jsx
+++ b/demos/src/Extensions/TextAlign/React/index.jsx
@@ -1,10 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
 import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import TextAlign from '@tiptap/extension-text-align'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Extensions/TextAlign/Vue/index.vue b/demos/src/Extensions/TextAlign/Vue/index.vue
index dfdc5d00cd..edd9bbf4f0 100644
--- a/demos/src/Extensions/TextAlign/Vue/index.vue
+++ b/demos/src/Extensions/TextAlign/Vue/index.vue
@@ -20,12 +20,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
 import Heading from '@tiptap/extension-heading'
+import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import TextAlign from '@tiptap/extension-text-align'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Extensions/Typography/React/index.jsx b/demos/src/Extensions/Typography/React/index.jsx
index a0a773701d..34d06f92a7 100644
--- a/demos/src/Extensions/Typography/React/index.jsx
+++ b/demos/src/Extensions/Typography/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import Typography from '@tiptap/extension-typography'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Extensions/Typography/Vue/index.vue b/demos/src/Extensions/Typography/Vue/index.vue
index d0c32d7ca6..57eb5ac74a 100644
--- a/demos/src/Extensions/Typography/Vue/index.vue
+++ b/demos/src/Extensions/Typography/Vue/index.vue
@@ -3,11 +3,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import Typography from '@tiptap/extension-typography'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/GuideContent/ExportHTML/React/index.jsx b/demos/src/GuideContent/ExportHTML/React/index.jsx
index 30dc671c10..aed03881c7 100644
--- a/demos/src/GuideContent/ExportHTML/React/index.jsx
+++ b/demos/src/GuideContent/ExportHTML/React/index.jsx
@@ -1,8 +1,9 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
 import './styles.scss'
 
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback, useEffect, useState } from 'react'
+
 export default () => {
   const [html, setHtml] = useState(null)
   const editor = useEditor({
diff --git a/demos/src/GuideContent/ExportHTML/Vue/index.vue b/demos/src/GuideContent/ExportHTML/Vue/index.vue
index c8af6cb401..4835c4e858 100644
--- a/demos/src/GuideContent/ExportHTML/Vue/index.vue
+++ b/demos/src/GuideContent/ExportHTML/Vue/index.vue
@@ -25,8 +25,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/GuideContent/ExportJSON/React/index.jsx b/demos/src/GuideContent/ExportJSON/React/index.jsx
index c8888b39bc..15bd1bf026 100644
--- a/demos/src/GuideContent/ExportJSON/React/index.jsx
+++ b/demos/src/GuideContent/ExportJSON/React/index.jsx
@@ -1,8 +1,9 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
 import './styles.scss'
 
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useCallback, useEffect, useState } from 'react'
+
 export default () => {
   const [json, setJson] = useState(null)
   const editor = useEditor({
diff --git a/demos/src/GuideContent/ExportJSON/Vue/index.vue b/demos/src/GuideContent/ExportJSON/Vue/index.vue
index 473e4a73ef..c5b7c42f07 100644
--- a/demos/src/GuideContent/ExportJSON/Vue/index.vue
+++ b/demos/src/GuideContent/ExportJSON/Vue/index.vue
@@ -25,8 +25,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/GuideContent/GenerateHTML/React/index.jsx b/demos/src/GuideContent/GenerateHTML/React/index.jsx
index 9a6640369b..ce2d844a22 100644
--- a/demos/src/GuideContent/GenerateHTML/React/index.jsx
+++ b/demos/src/GuideContent/GenerateHTML/React/index.jsx
@@ -1,12 +1,12 @@
-import React, { useMemo } from 'react'
-// Option 1: Browser + server-side
-import { generateHTML } from '@tiptap/html'
+import Bold from '@tiptap/extension-bold'
 // Option 2: Browser-only (lightweight)
 // import { generateHTML } from '@tiptap/core'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Bold from '@tiptap/extension-bold'
+// Option 1: Browser + server-side
+import { generateHTML } from '@tiptap/html'
+import React, { useMemo } from 'react'
 
 const json = {
   type: 'doc',
diff --git a/demos/src/GuideContent/GenerateHTML/Vue/index.vue b/demos/src/GuideContent/GenerateHTML/Vue/index.vue
index 1a1e597e1e..6e0f1b5f90 100644
--- a/demos/src/GuideContent/GenerateHTML/Vue/index.vue
+++ b/demos/src/GuideContent/GenerateHTML/Vue/index.vue
@@ -4,13 +4,13 @@
 
 <script>
 // Option 1: Browser + server-side
-import { generateHTML } from '@tiptap/html'
+import Bold from '@tiptap/extension-bold'
 // Option 2: Browser-only (lightweight)
 // import { generateHTML } from '@tiptap/core'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Bold from '@tiptap/extension-bold'
+import { generateHTML } from '@tiptap/html'
 
 const json = {
   type: 'doc',
diff --git a/demos/src/GuideContent/GenerateJSON/React/index.jsx b/demos/src/GuideContent/GenerateJSON/React/index.jsx
index fe6c6dca61..cc5e12f434 100644
--- a/demos/src/GuideContent/GenerateJSON/React/index.jsx
+++ b/demos/src/GuideContent/GenerateJSON/React/index.jsx
@@ -1,12 +1,12 @@
-import React, { useMemo } from 'react'
-// Option 1: Browser + server-side
-import { generateJSON } from '@tiptap/html'
+import Bold from '@tiptap/extension-bold'
 // Option 2: Browser-only (lightweight)
 // import { generateJSON } from '@tiptap/core'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Bold from '@tiptap/extension-bold'
+// Option 1: Browser + server-side
+import { generateJSON } from '@tiptap/html'
+import React, { useMemo } from 'react'
 
 const html = '<p>Example <strong>Text</strong></p>'
 
diff --git a/demos/src/GuideContent/GenerateJSON/Vue/index.vue b/demos/src/GuideContent/GenerateJSON/Vue/index.vue
index aff6599dbf..9d2ed54688 100644
--- a/demos/src/GuideContent/GenerateJSON/Vue/index.vue
+++ b/demos/src/GuideContent/GenerateJSON/Vue/index.vue
@@ -4,13 +4,13 @@
 
 <script>
 // Option 1: Browser + server-side
-import { generateJSON } from '@tiptap/html'
+import Bold from '@tiptap/extension-bold'
 // Option 2: Browser-only (lightweight)
 // import { generateJSON } from '@tiptap/core'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Bold from '@tiptap/extension-bold'
+import { generateJSON } from '@tiptap/html'
 
 const html = '<p>Example <strong>Text</strong></p>'
 
diff --git a/demos/src/GuideContent/GenerateText/React/index.jsx b/demos/src/GuideContent/GenerateText/React/index.jsx
index c2bcdc47a3..cc4b35e121 100644
--- a/demos/src/GuideContent/GenerateText/React/index.jsx
+++ b/demos/src/GuideContent/GenerateText/React/index.jsx
@@ -1,9 +1,9 @@
-import React, { useMemo } from 'react'
 import { generateText } from '@tiptap/core'
 import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import HardBreak from '@tiptap/extension-hard-break'
+import React, { useMemo } from 'react'
 
 const json = {
   type: 'doc',
diff --git a/demos/src/GuideContent/GenerateText/Vue/index.vue b/demos/src/GuideContent/GenerateText/Vue/index.vue
index a3532c0d9b..73f851f0e5 100644
--- a/demos/src/GuideContent/GenerateText/Vue/index.vue
+++ b/demos/src/GuideContent/GenerateText/Vue/index.vue
@@ -5,9 +5,9 @@
 <script>
 import { generateText } from '@tiptap/core'
 import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import HardBreak from '@tiptap/extension-hard-break'
 
 const json = {
   type: 'doc',
diff --git a/demos/src/GuideContent/ReadOnly/React/index.jsx b/demos/src/GuideContent/ReadOnly/React/index.jsx
index b5417585ca..d832aa3743 100644
--- a/demos/src/GuideContent/ReadOnly/React/index.jsx
+++ b/demos/src/GuideContent/ReadOnly/React/index.jsx
@@ -1,8 +1,9 @@
-import React, { useState, useEffect } from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
-import StarterKit from '@tiptap/starter-kit'
 import './styles.scss'
 
+import { EditorContent, useEditor } from '@tiptap/react'
+import StarterKit from '@tiptap/starter-kit'
+import React, { useEffect, useState } from 'react'
+
 export default () => {
   const [editable, setEditable] = useState(false)
   const editor = useEditor({
diff --git a/demos/src/GuideContent/ReadOnly/Vue/index.vue b/demos/src/GuideContent/ReadOnly/Vue/index.vue
index da2abdcf32..7cb851f742 100644
--- a/demos/src/GuideContent/ReadOnly/Vue/index.vue
+++ b/demos/src/GuideContent/ReadOnly/Vue/index.vue
@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/GuideGettingStarted/VModel/Vue/Editor.vue b/demos/src/GuideGettingStarted/VModel/Vue/Editor.vue
index 3ac919225d..02538e03c6 100644
--- a/demos/src/GuideGettingStarted/VModel/Vue/Editor.vue
+++ b/demos/src/GuideGettingStarted/VModel/Vue/Editor.vue
@@ -3,8 +3,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
@@ -18,6 +18,8 @@ export default {
     },
   },
 
+  emits: ['update:modelValue'],
+
   data() {
     return {
       editor: null,
diff --git a/demos/src/GuideNodeViews/DragHandle/Vue/Component.vue b/demos/src/GuideNodeViews/DragHandle/Vue/Component.vue
index 35b5c7cb2e..ef695a4eea 100644
--- a/demos/src/GuideNodeViews/DragHandle/Vue/Component.vue
+++ b/demos/src/GuideNodeViews/DragHandle/Vue/Component.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import { NodeViewWrapper, NodeViewContent, nodeViewProps } from '@tiptap/vue-3'
+import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3'
 
 export default {
   props: nodeViewProps,
diff --git a/demos/src/GuideNodeViews/DragHandle/Vue/DraggableItem.js b/demos/src/GuideNodeViews/DragHandle/Vue/DraggableItem.js
index baf60b1b71..b18f950433 100644
--- a/demos/src/GuideNodeViews/DragHandle/Vue/DraggableItem.js
+++ b/demos/src/GuideNodeViews/DragHandle/Vue/DraggableItem.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { VueNodeViewRenderer } from '@tiptap/vue-3'
+
 import Component from './Component.vue'
 
 export default Node.create({
diff --git a/demos/src/GuideNodeViews/DragHandle/Vue/index.vue b/demos/src/GuideNodeViews/DragHandle/Vue/index.vue
index 92d6cf0ac7..4ef0eda0db 100644
--- a/demos/src/GuideNodeViews/DragHandle/Vue/index.vue
+++ b/demos/src/GuideNodeViews/DragHandle/Vue/index.vue
@@ -5,8 +5,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import DraggableItem from './DraggableItem.js'
 
 export default {
diff --git a/demos/src/GuideNodeViews/JavaScript/Vue/Extension.js b/demos/src/GuideNodeViews/JavaScript/Vue/Extension.js
index 62c0463c21..216a7222c2 100644
--- a/demos/src/GuideNodeViews/JavaScript/Vue/Extension.js
+++ b/demos/src/GuideNodeViews/JavaScript/Vue/Extension.js
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
 export default Node.create({
   name: 'nodeView',
diff --git a/demos/src/GuideNodeViews/JavaScript/Vue/index.vue b/demos/src/GuideNodeViews/JavaScript/Vue/index.vue
index 8acc281d17..5cf730f108 100644
--- a/demos/src/GuideNodeViews/JavaScript/Vue/index.vue
+++ b/demos/src/GuideNodeViews/JavaScript/Vue/index.vue
@@ -3,8 +3,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import NodeView from './Extension.js'
 
 export default {
diff --git a/demos/src/GuideNodeViews/JavaScriptContent/Vue/Extension.js b/demos/src/GuideNodeViews/JavaScriptContent/Vue/Extension.js
index 0ffa1b30ca..35886d39be 100644
--- a/demos/src/GuideNodeViews/JavaScriptContent/Vue/Extension.js
+++ b/demos/src/GuideNodeViews/JavaScriptContent/Vue/Extension.js
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
 export default Node.create({
   name: 'nodeView',
diff --git a/demos/src/GuideNodeViews/JavaScriptContent/Vue/index.vue b/demos/src/GuideNodeViews/JavaScriptContent/Vue/index.vue
index d613e55e88..a0a0723306 100644
--- a/demos/src/GuideNodeViews/JavaScriptContent/Vue/index.vue
+++ b/demos/src/GuideNodeViews/JavaScriptContent/Vue/index.vue
@@ -3,8 +3,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import NodeView from './Extension.js'
 
 export default {
diff --git a/demos/src/GuideNodeViews/ReactComponent/React/Component.jsx b/demos/src/GuideNodeViews/ReactComponent/React/Component.jsx
index efe0d9b1e4..d2a2b324ac 100644
--- a/demos/src/GuideNodeViews/ReactComponent/React/Component.jsx
+++ b/demos/src/GuideNodeViews/ReactComponent/React/Component.jsx
@@ -1,5 +1,5 @@
-import React from 'react'
 import { NodeViewWrapper } from '@tiptap/react'
+import React from 'react'
 
 export default props => {
   const increase = () => {
diff --git a/demos/src/GuideNodeViews/ReactComponent/React/Extension.js b/demos/src/GuideNodeViews/ReactComponent/React/Extension.js
index 36d61318f9..fedc5f76be 100644
--- a/demos/src/GuideNodeViews/ReactComponent/React/Extension.js
+++ b/demos/src/GuideNodeViews/ReactComponent/React/Extension.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { ReactNodeViewRenderer } from '@tiptap/react'
+
 import Component from './Component.jsx'
 
 export default Node.create({
diff --git a/demos/src/GuideNodeViews/ReactComponent/React/index.jsx b/demos/src/GuideNodeViews/ReactComponent/React/index.jsx
index 394c78fefc..e8d51954d9 100644
--- a/demos/src/GuideNodeViews/ReactComponent/React/index.jsx
+++ b/demos/src/GuideNodeViews/ReactComponent/React/index.jsx
@@ -1,8 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 import ReactComponent from './Extension.js'
-import './styles.scss'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/GuideNodeViews/ReactComponentContent/React/Component.jsx b/demos/src/GuideNodeViews/ReactComponentContent/React/Component.jsx
index efcd93a119..153a0a188e 100644
--- a/demos/src/GuideNodeViews/ReactComponentContent/React/Component.jsx
+++ b/demos/src/GuideNodeViews/ReactComponentContent/React/Component.jsx
@@ -1,5 +1,5 @@
+import { NodeViewContent, NodeViewWrapper } from '@tiptap/react'
 import React from 'react'
-import { NodeViewWrapper, NodeViewContent } from '@tiptap/react'
 
 export default () => {
   return (
diff --git a/demos/src/GuideNodeViews/ReactComponentContent/React/Extension.js b/demos/src/GuideNodeViews/ReactComponentContent/React/Extension.js
index 90a92887a1..b3cde83281 100644
--- a/demos/src/GuideNodeViews/ReactComponentContent/React/Extension.js
+++ b/demos/src/GuideNodeViews/ReactComponentContent/React/Extension.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { ReactNodeViewRenderer } from '@tiptap/react'
+
 import Component from './Component.jsx'
 
 export default Node.create({
diff --git a/demos/src/GuideNodeViews/ReactComponentContent/React/index.jsx b/demos/src/GuideNodeViews/ReactComponentContent/React/index.jsx
index ac2e67a2cc..42052d12e8 100644
--- a/demos/src/GuideNodeViews/ReactComponentContent/React/index.jsx
+++ b/demos/src/GuideNodeViews/ReactComponentContent/React/index.jsx
@@ -1,8 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 import ReactComponent from './Extension.js'
-import './styles.scss'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/GuideNodeViews/TableOfContents/React/Component.jsx b/demos/src/GuideNodeViews/TableOfContents/React/Component.jsx
index 6e217a604b..843cefe030 100644
--- a/demos/src/GuideNodeViews/TableOfContents/React/Component.jsx
+++ b/demos/src/GuideNodeViews/TableOfContents/React/Component.jsx
@@ -1,7 +1,8 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { NodeViewWrapper } from '@tiptap/react'
 import './Component.scss'
 
+import { NodeViewWrapper } from '@tiptap/react'
+import React, { useCallback, useEffect, useState } from 'react'
+
 export default ({ editor }) => {
   const [items, setItems] = useState([])
 
diff --git a/demos/src/GuideNodeViews/TableOfContents/React/TableOfContents.js b/demos/src/GuideNodeViews/TableOfContents/React/TableOfContents.js
index 1e5e356cf0..a680380801 100644
--- a/demos/src/GuideNodeViews/TableOfContents/React/TableOfContents.js
+++ b/demos/src/GuideNodeViews/TableOfContents/React/TableOfContents.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { ReactNodeViewRenderer } from '@tiptap/react'
+
 import Component from './Component.jsx'
 
 export default Node.create({
diff --git a/demos/src/GuideNodeViews/TableOfContents/React/index.jsx b/demos/src/GuideNodeViews/TableOfContents/React/index.jsx
index 3de6fbb97f..36794d1ba9 100644
--- a/demos/src/GuideNodeViews/TableOfContents/React/index.jsx
+++ b/demos/src/GuideNodeViews/TableOfContents/React/index.jsx
@@ -1,8 +1,10 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
+
 import TableOfContents from './TableOfContents.js'
-import './styles.scss'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/GuideNodeViews/TableOfContents/Vue/Component.vue b/demos/src/GuideNodeViews/TableOfContents/Vue/Component.vue
index 8fd607658b..4199201f5b 100644
--- a/demos/src/GuideNodeViews/TableOfContents/Vue/Component.vue
+++ b/demos/src/GuideNodeViews/TableOfContents/Vue/Component.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/GuideNodeViews/TableOfContents/Vue/TableOfContents.js b/demos/src/GuideNodeViews/TableOfContents/Vue/TableOfContents.js
index a499b599f0..950be653df 100644
--- a/demos/src/GuideNodeViews/TableOfContents/Vue/TableOfContents.js
+++ b/demos/src/GuideNodeViews/TableOfContents/Vue/TableOfContents.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { VueNodeViewRenderer } from '@tiptap/vue-3'
+
 import Component from './Component.vue'
 
 export default Node.create({
diff --git a/demos/src/GuideNodeViews/TableOfContents/Vue/index.vue b/demos/src/GuideNodeViews/TableOfContents/Vue/index.vue
index b77d93dcb8..4c344bdc5e 100644
--- a/demos/src/GuideNodeViews/TableOfContents/Vue/index.vue
+++ b/demos/src/GuideNodeViews/TableOfContents/Vue/index.vue
@@ -5,8 +5,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import TableOfContents from './TableOfContents.js'
 
 export default {
diff --git a/demos/src/GuideNodeViews/VueComponent/Vue/Component.vue b/demos/src/GuideNodeViews/VueComponent/Vue/Component.vue
index 1fe5d0724e..aeb7dec2f9 100644
--- a/demos/src/GuideNodeViews/VueComponent/Vue/Component.vue
+++ b/demos/src/GuideNodeViews/VueComponent/Vue/Component.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3'
+import { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/GuideNodeViews/VueComponent/Vue/Extension.js b/demos/src/GuideNodeViews/VueComponent/Vue/Extension.js
index a4f786d340..9dede7bb0d 100644
--- a/demos/src/GuideNodeViews/VueComponent/Vue/Extension.js
+++ b/demos/src/GuideNodeViews/VueComponent/Vue/Extension.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { VueNodeViewRenderer } from '@tiptap/vue-3'
+
 import Component from './Component.vue'
 
 export default Node.create({
diff --git a/demos/src/GuideNodeViews/VueComponent/Vue/index.vue b/demos/src/GuideNodeViews/VueComponent/Vue/index.vue
index 3e050e2abc..87fcda4c36 100644
--- a/demos/src/GuideNodeViews/VueComponent/Vue/index.vue
+++ b/demos/src/GuideNodeViews/VueComponent/Vue/index.vue
@@ -3,8 +3,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import VueComponent from './Extension.js'
 
 export default {
diff --git a/demos/src/GuideNodeViews/VueComponentContent/Vue/Component.vue b/demos/src/GuideNodeViews/VueComponentContent/Vue/Component.vue
index 89c606ef46..8e29325dd4 100644
--- a/demos/src/GuideNodeViews/VueComponentContent/Vue/Component.vue
+++ b/demos/src/GuideNodeViews/VueComponentContent/Vue/Component.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import { NodeViewWrapper, NodeViewContent, nodeViewProps } from '@tiptap/vue-3'
+import { NodeViewContent, nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/GuideNodeViews/VueComponentContent/Vue/Extension.js b/demos/src/GuideNodeViews/VueComponentContent/Vue/Extension.js
index 89a991ec63..7b0e043f6d 100644
--- a/demos/src/GuideNodeViews/VueComponentContent/Vue/Extension.js
+++ b/demos/src/GuideNodeViews/VueComponentContent/Vue/Extension.js
@@ -1,5 +1,6 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 import { VueNodeViewRenderer } from '@tiptap/vue-3'
+
 import Component from './Component.vue'
 
 export default Node.create({
diff --git a/demos/src/GuideNodeViews/VueComponentContent/Vue/index.vue b/demos/src/GuideNodeViews/VueComponentContent/Vue/index.vue
index 6cc6bcb88e..164013509f 100644
--- a/demos/src/GuideNodeViews/VueComponentContent/Vue/index.vue
+++ b/demos/src/GuideNodeViews/VueComponentContent/Vue/index.vue
@@ -3,8 +3,9 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import VueComponent from './Extension.js'
 
 export default {
diff --git a/demos/src/Marks/Bold/React/index.jsx b/demos/src/Marks/Bold/React/index.jsx
index 27b180f6db..932d985611 100644
--- a/demos/src/Marks/Bold/React/index.jsx
+++ b/demos/src/Marks/Bold/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import Bold from '@tiptap/extension-bold'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Bold from '@tiptap/extension-bold'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Marks/Bold/Vue/index.vue b/demos/src/Marks/Bold/Vue/index.vue
index 21c22ca6af..001ad105f6 100644
--- a/demos/src/Marks/Bold/Vue/index.vue
+++ b/demos/src/Marks/Bold/Vue/index.vue
@@ -15,11 +15,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import Bold from '@tiptap/extension-bold'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Bold from '@tiptap/extension-bold'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Marks/Code/React/index.jsx b/demos/src/Marks/Code/React/index.jsx
index 6eb7c0198a..9144f52659 100644
--- a/demos/src/Marks/Code/React/index.jsx
+++ b/demos/src/Marks/Code/React/index.jsx
@@ -1,10 +1,11 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Code from '@tiptap/extension-code'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Marks/Code/Vue/index.vue b/demos/src/Marks/Code/Vue/index.vue
index 94ebe57a9e..2dca68f466 100644
--- a/demos/src/Marks/Code/Vue/index.vue
+++ b/demos/src/Marks/Code/Vue/index.vue
@@ -15,11 +15,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Code from '@tiptap/extension-code'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Marks/Highlight/React/index.jsx b/demos/src/Marks/Highlight/React/index.jsx
index 8781fc6ab3..02de542896 100644
--- a/demos/src/Marks/Highlight/React/index.jsx
+++ b/demos/src/Marks/Highlight/React/index.jsx
@@ -1,10 +1,11 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
+import Highlight from '@tiptap/extension-highlight'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Highlight from '@tiptap/extension-highlight'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Marks/Highlight/Vue/index.vue b/demos/src/Marks/Highlight/Vue/index.vue
index 43d08bd725..51d1883555 100644
--- a/demos/src/Marks/Highlight/Vue/index.vue
+++ b/demos/src/Marks/Highlight/Vue/index.vue
@@ -33,11 +33,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import Highlight from '@tiptap/extension-highlight'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Highlight from '@tiptap/extension-highlight'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Marks/Italic/React/index.jsx b/demos/src/Marks/Italic/React/index.jsx
index c1ecfe0b2e..eaf14756df 100644
--- a/demos/src/Marks/Italic/React/index.jsx
+++ b/demos/src/Marks/Italic/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
+import Italic from '@tiptap/extension-italic'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Italic from '@tiptap/extension-italic'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Marks/Italic/Vue/index.vue b/demos/src/Marks/Italic/Vue/index.vue
index bb7fcdc04b..94ab9a25d6 100644
--- a/demos/src/Marks/Italic/Vue/index.vue
+++ b/demos/src/Marks/Italic/Vue/index.vue
@@ -15,11 +15,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import Italic from '@tiptap/extension-italic'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Italic from '@tiptap/extension-italic'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Marks/Link/React/index.jsx b/demos/src/Marks/Link/React/index.jsx
index f1ac6a8e20..53b3134a93 100644
--- a/demos/src/Marks/Link/React/index.jsx
+++ b/demos/src/Marks/Link/React/index.jsx
@@ -1,11 +1,12 @@
-import React, { useCallback } from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
+import Link from '@tiptap/extension-link'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Code from '@tiptap/extension-code'
-import Link from '@tiptap/extension-link'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React, { useCallback } from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Marks/Link/Vue/index.vue b/demos/src/Marks/Link/Vue/index.vue
index 6aa0579e12..0ebe18d6e7 100644
--- a/demos/src/Marks/Link/Vue/index.vue
+++ b/demos/src/Marks/Link/Vue/index.vue
@@ -11,12 +11,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import Code from '@tiptap/extension-code'
 import Document from '@tiptap/extension-document'
+import Link from '@tiptap/extension-link'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Code from '@tiptap/extension-code'
-import Link from '@tiptap/extension-link'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Marks/Strike/React/index.jsx b/demos/src/Marks/Strike/React/index.jsx
index aa758f1ac5..063caef269 100644
--- a/demos/src/Marks/Strike/React/index.jsx
+++ b/demos/src/Marks/Strike/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Strike from '@tiptap/extension-strike'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Marks/Strike/Vue/index.vue b/demos/src/Marks/Strike/Vue/index.vue
index f7e7d3c24a..c8a9eae744 100644
--- a/demos/src/Marks/Strike/Vue/index.vue
+++ b/demos/src/Marks/Strike/Vue/index.vue
@@ -15,11 +15,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Strike from '@tiptap/extension-strike'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Marks/Subscript/React/index.jsx b/demos/src/Marks/Subscript/React/index.jsx
index 557ff753d1..a36f25d104 100644
--- a/demos/src/Marks/Subscript/React/index.jsx
+++ b/demos/src/Marks/Subscript/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Subscript from '@tiptap/extension-subscript'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Marks/Subscript/Vue/index.vue b/demos/src/Marks/Subscript/Vue/index.vue
index e3f06e6794..a73e2c8823 100644
--- a/demos/src/Marks/Subscript/Vue/index.vue
+++ b/demos/src/Marks/Subscript/Vue/index.vue
@@ -15,11 +15,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Subscript from '@tiptap/extension-subscript'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Marks/Superscript/React/index.jsx b/demos/src/Marks/Superscript/React/index.jsx
index 3c65961d4b..0a928f9f33 100644
--- a/demos/src/Marks/Superscript/React/index.jsx
+++ b/demos/src/Marks/Superscript/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Superscript from '@tiptap/extension-superscript'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Marks/Superscript/Vue/index.vue b/demos/src/Marks/Superscript/Vue/index.vue
index a20821bb04..5b91100257 100644
--- a/demos/src/Marks/Superscript/Vue/index.vue
+++ b/demos/src/Marks/Superscript/Vue/index.vue
@@ -15,11 +15,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Superscript from '@tiptap/extension-superscript'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Marks/TextStyle/React/index.jsx b/demos/src/Marks/TextStyle/React/index.jsx
index 6f8924744b..86aad47228 100644
--- a/demos/src/Marks/TextStyle/React/index.jsx
+++ b/demos/src/Marks/TextStyle/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import TextStyle from '@tiptap/extension-text-style'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Marks/TextStyle/Vue/index.vue b/demos/src/Marks/TextStyle/Vue/index.vue
index 1d2b6c23e0..6c3c0d94d7 100644
--- a/demos/src/Marks/TextStyle/Vue/index.vue
+++ b/demos/src/Marks/TextStyle/Vue/index.vue
@@ -5,11 +5,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import TextStyle from '@tiptap/extension-text-style'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Marks/Underline/React/index.jsx b/demos/src/Marks/Underline/React/index.jsx
index af9aad6916..79a9b7940e 100644
--- a/demos/src/Marks/Underline/React/index.jsx
+++ b/demos/src/Marks/Underline/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import Underline from '@tiptap/extension-underline'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Marks/Underline/Vue/index.vue b/demos/src/Marks/Underline/Vue/index.vue
index 51cf862841..31dfe20d15 100644
--- a/demos/src/Marks/Underline/Vue/index.vue
+++ b/demos/src/Marks/Underline/Vue/index.vue
@@ -15,11 +15,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import Underline from '@tiptap/extension-underline'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/Blockquote/React/index.jsx b/demos/src/Nodes/Blockquote/React/index.jsx
index 8c326097ee..39553a84c0 100644
--- a/demos/src/Nodes/Blockquote/React/index.jsx
+++ b/demos/src/Nodes/Blockquote/React/index.jsx
@@ -1,10 +1,11 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import Blockquote from '@tiptap/extension-blockquote'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Blockquote from '@tiptap/extension-blockquote'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/Blockquote/Vue/index.vue b/demos/src/Nodes/Blockquote/Vue/index.vue
index 7c1735275b..332a454348 100644
--- a/demos/src/Nodes/Blockquote/Vue/index.vue
+++ b/demos/src/Nodes/Blockquote/Vue/index.vue
@@ -15,11 +15,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import Blockquote from '@tiptap/extension-blockquote'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Blockquote from '@tiptap/extension-blockquote'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/BulletList/React/index.jsx b/demos/src/Nodes/BulletList/React/index.jsx
index 63a1124977..ef05fd223e 100644
--- a/demos/src/Nodes/BulletList/React/index.jsx
+++ b/demos/src/Nodes/BulletList/React/index.jsx
@@ -1,11 +1,12 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import BulletList from '@tiptap/extension-bullet-list'
 import Document from '@tiptap/extension-document'
+import ListItem from '@tiptap/extension-list-item'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import BulletList from '@tiptap/extension-bullet-list'
-import ListItem from '@tiptap/extension-list-item'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/BulletList/Vue/index.vue b/demos/src/Nodes/BulletList/Vue/index.vue
index 4dbed56c8b..286bb2f1e5 100644
--- a/demos/src/Nodes/BulletList/Vue/index.vue
+++ b/demos/src/Nodes/BulletList/Vue/index.vue
@@ -18,12 +18,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import BulletList from '@tiptap/extension-bullet-list'
 import Document from '@tiptap/extension-document'
+import ListItem from '@tiptap/extension-list-item'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import BulletList from '@tiptap/extension-bullet-list'
-import ListItem from '@tiptap/extension-list-item'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/CodeBlock/React/index.jsx b/demos/src/Nodes/CodeBlock/React/index.jsx
index 4d557fa391..84420ccd4f 100644
--- a/demos/src/Nodes/CodeBlock/React/index.jsx
+++ b/demos/src/Nodes/CodeBlock/React/index.jsx
@@ -1,10 +1,11 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import CodeBlock from '@tiptap/extension-code-block'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import CodeBlock from '@tiptap/extension-code-block'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/CodeBlock/Vue/index.vue b/demos/src/Nodes/CodeBlock/Vue/index.vue
index 827c793290..8cd569685a 100644
--- a/demos/src/Nodes/CodeBlock/Vue/index.vue
+++ b/demos/src/Nodes/CodeBlock/Vue/index.vue
@@ -12,11 +12,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import CodeBlock from '@tiptap/extension-code-block'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import CodeBlock from '@tiptap/extension-code-block'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/CodeBlockLowlight/React/index.jsx b/demos/src/Nodes/CodeBlockLowlight/React/index.jsx
index 90d81b3a43..3e5e703c2d 100644
--- a/demos/src/Nodes/CodeBlockLowlight/React/index.jsx
+++ b/demos/src/Nodes/CodeBlockLowlight/React/index.jsx
@@ -1,19 +1,18 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
-import Document from '@tiptap/extension-document'
-import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
-// load all highlight.js languages
-import lowlight from 'lowlight'
-
 // load specific languages only
 // import lowlight from 'lowlight/lib/core'
 // import javascript from 'highlight.js/lib/languages/javascript'
 // lowlight.registerLanguage('javascript', javascript)
-
 import './styles.scss'
 
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
+import Document from '@tiptap/extension-document'
+import Paragraph from '@tiptap/extension-paragraph'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+// load all highlight.js languages
+import lowlight from 'lowlight'
+import React from 'react'
+
 export default () => {
   const editor = useEditor({
     extensions: [
diff --git a/demos/src/Nodes/CodeBlockLowlight/Vue/index.vue b/demos/src/Nodes/CodeBlockLowlight/Vue/index.vue
index 9747cb2669..8fcabd34c2 100644
--- a/demos/src/Nodes/CodeBlockLowlight/Vue/index.vue
+++ b/demos/src/Nodes/CodeBlockLowlight/Vue/index.vue
@@ -12,12 +12,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import CodeBlockLowlight from '@tiptap/extension-code-block-lowlight'
-
+import { Editor, EditorContent } from '@tiptap/vue-3'
 // load all highlight.js languages
 import lowlight from 'lowlight'
 
diff --git a/demos/src/Nodes/Document/React/index.jsx b/demos/src/Nodes/Document/React/index.jsx
index 65931be1e5..72e0c9b340 100644
--- a/demos/src/Nodes/Document/React/index.jsx
+++ b/demos/src/Nodes/Document/React/index.jsx
@@ -1,8 +1,8 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/Document/Vue/index.vue b/demos/src/Nodes/Document/Vue/index.vue
index e701f44fa9..0feba795fa 100644
--- a/demos/src/Nodes/Document/Vue/index.vue
+++ b/demos/src/Nodes/Document/Vue/index.vue
@@ -5,10 +5,10 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/HardBreak/React/index.jsx b/demos/src/Nodes/HardBreak/React/index.jsx
index 8aa0db9ebc..1e372d0a95 100644
--- a/demos/src/Nodes/HardBreak/React/index.jsx
+++ b/demos/src/Nodes/HardBreak/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import HardBreak from '@tiptap/extension-hard-break'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/HardBreak/Vue/index.vue b/demos/src/Nodes/HardBreak/Vue/index.vue
index 84187b89bf..a1cb2bbfbc 100644
--- a/demos/src/Nodes/HardBreak/Vue/index.vue
+++ b/demos/src/Nodes/HardBreak/Vue/index.vue
@@ -9,11 +9,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import HardBreak from '@tiptap/extension-hard-break'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import HardBreak from '@tiptap/extension-hard-break'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/Heading/React/index.jsx b/demos/src/Nodes/Heading/React/index.jsx
index 81baf9e40b..d80f5b8471 100644
--- a/demos/src/Nodes/Heading/React/index.jsx
+++ b/demos/src/Nodes/Heading/React/index.jsx
@@ -1,9 +1,9 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Heading from '@tiptap/extension-heading'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/Heading/Vue/index.vue b/demos/src/Nodes/Heading/Vue/index.vue
index c1439f610c..37fda0b38c 100644
--- a/demos/src/Nodes/Heading/Vue/index.vue
+++ b/demos/src/Nodes/Heading/Vue/index.vue
@@ -15,11 +15,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import Heading from '@tiptap/extension-heading'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Heading from '@tiptap/extension-heading'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/HorizontalRule/React/index.jsx b/demos/src/Nodes/HorizontalRule/React/index.jsx
index 9c706957a1..310edc77b1 100644
--- a/demos/src/Nodes/HorizontalRule/React/index.jsx
+++ b/demos/src/Nodes/HorizontalRule/React/index.jsx
@@ -1,10 +1,11 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
+import HorizontalRule from '@tiptap/extension-horizontal-rule'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import HorizontalRule from '@tiptap/extension-horizontal-rule'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/HorizontalRule/Vue/index.vue b/demos/src/Nodes/HorizontalRule/Vue/index.vue
index 8bde93dd67..bea761bf3f 100644
--- a/demos/src/Nodes/HorizontalRule/Vue/index.vue
+++ b/demos/src/Nodes/HorizontalRule/Vue/index.vue
@@ -9,11 +9,11 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import HorizontalRule from '@tiptap/extension-horizontal-rule'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import HorizontalRule from '@tiptap/extension-horizontal-rule'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/Image/React/index.jsx b/demos/src/Nodes/Image/React/index.jsx
index d8578cccce..292fac6179 100644
--- a/demos/src/Nodes/Image/React/index.jsx
+++ b/demos/src/Nodes/Image/React/index.jsx
@@ -1,11 +1,12 @@
-import React, { useCallback } from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
+import Dropcursor from '@tiptap/extension-dropcursor'
+import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Image from '@tiptap/extension-image'
-import Dropcursor from '@tiptap/extension-dropcursor'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React, { useCallback } from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/Image/Vue/index.vue b/demos/src/Nodes/Image/Vue/index.vue
index 84c275f96a..746107b79c 100644
--- a/demos/src/Nodes/Image/Vue/index.vue
+++ b/demos/src/Nodes/Image/Vue/index.vue
@@ -8,12 +8,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import Dropcursor from '@tiptap/extension-dropcursor'
+import Image from '@tiptap/extension-image'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import Image from '@tiptap/extension-image'
-import Dropcursor from '@tiptap/extension-dropcursor'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/ListItem/React/index.jsx b/demos/src/Nodes/ListItem/React/index.jsx
index 3742b824a0..851edb9db2 100644
--- a/demos/src/Nodes/ListItem/React/index.jsx
+++ b/demos/src/Nodes/ListItem/React/index.jsx
@@ -1,12 +1,13 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
+import BulletList from '@tiptap/extension-bullet-list'
 import Document from '@tiptap/extension-document'
+import ListItem from '@tiptap/extension-list-item'
+import OrderedList from '@tiptap/extension-ordered-list'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import BulletList from '@tiptap/extension-bullet-list'
-import OrderedList from '@tiptap/extension-ordered-list'
-import ListItem from '@tiptap/extension-list-item'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/ListItem/Vue/index.vue b/demos/src/Nodes/ListItem/Vue/index.vue
index a69b2fa339..9334349214 100644
--- a/demos/src/Nodes/ListItem/Vue/index.vue
+++ b/demos/src/Nodes/ListItem/Vue/index.vue
@@ -21,13 +21,13 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
+import BulletList from '@tiptap/extension-bullet-list'
 import Document from '@tiptap/extension-document'
+import ListItem from '@tiptap/extension-list-item'
+import OrderedList from '@tiptap/extension-ordered-list'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import BulletList from '@tiptap/extension-bullet-list'
-import OrderedList from '@tiptap/extension-ordered-list'
-import ListItem from '@tiptap/extension-list-item'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/Mention/React/MentionList.jsx b/demos/src/Nodes/Mention/React/MentionList.jsx
index 2a0be1c24a..8611180a90 100644
--- a/demos/src/Nodes/Mention/React/MentionList.jsx
+++ b/demos/src/Nodes/Mention/React/MentionList.jsx
@@ -1,7 +1,9 @@
+import './MentionList.scss'
+
 import React, {
-  useState, useEffect, forwardRef, useImperativeHandle,
+  forwardRef, useEffect, useImperativeHandle,
+  useState,
 } from 'react'
-import './MentionList.scss'
 
 export default forwardRef((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useState(0)
diff --git a/demos/src/Nodes/Mention/React/index.jsx b/demos/src/Nodes/Mention/React/index.jsx
index 037a4a4d43..5b4204d993 100644
--- a/demos/src/Nodes/Mention/React/index.jsx
+++ b/demos/src/Nodes/Mention/React/index.jsx
@@ -1,10 +1,9 @@
 import './styles.scss'
 
-import React from 'react'
-
 import Mention from '@tiptap/extension-mention'
 import { EditorContent, useEditor } from '@tiptap/react'
 import StarterKit from '@tiptap/starter-kit'
+import React from 'react'
 
 import suggestion from './suggestion'
 
diff --git a/demos/src/Nodes/Mention/React/suggestion.js b/demos/src/Nodes/Mention/React/suggestion.js
index 30553f500b..554d9ee11c 100644
--- a/demos/src/Nodes/Mention/React/suggestion.js
+++ b/demos/src/Nodes/Mention/React/suggestion.js
@@ -1,6 +1,5 @@
-import tippy from 'tippy.js'
-
 import { ReactRenderer } from '@tiptap/react'
+import tippy from 'tippy.js'
 
 import MentionList from './MentionList.jsx'
 
diff --git a/demos/src/Nodes/Mention/Vue/index.vue b/demos/src/Nodes/Mention/Vue/index.vue
index ac82c9e09a..92c248601a 100644
--- a/demos/src/Nodes/Mention/Vue/index.vue
+++ b/demos/src/Nodes/Mention/Vue/index.vue
@@ -5,9 +5,10 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
-import StarterKit from '@tiptap/starter-kit'
 import Mention from '@tiptap/extension-mention'
+import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+
 import suggestion from './suggestion'
 
 export default {
diff --git a/demos/src/Nodes/Mention/Vue/suggestion.js b/demos/src/Nodes/Mention/Vue/suggestion.js
index bd4213dfdc..39bb61356d 100644
--- a/demos/src/Nodes/Mention/Vue/suggestion.js
+++ b/demos/src/Nodes/Mention/Vue/suggestion.js
@@ -1,6 +1,5 @@
-import tippy from 'tippy.js'
-
 import { VueRenderer } from '@tiptap/vue-3'
+import tippy from 'tippy.js'
 
 import MentionList from './MentionList.vue'
 
diff --git a/demos/src/Nodes/OrderedList/React/index.jsx b/demos/src/Nodes/OrderedList/React/index.jsx
index 47778f1646..8c37a01a98 100644
--- a/demos/src/Nodes/OrderedList/React/index.jsx
+++ b/demos/src/Nodes/OrderedList/React/index.jsx
@@ -1,11 +1,12 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
+import ListItem from '@tiptap/extension-list-item'
+import OrderedList from '@tiptap/extension-ordered-list'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import OrderedList from '@tiptap/extension-ordered-list'
-import ListItem from '@tiptap/extension-list-item'
-import './styles.scss'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/OrderedList/Vue/index.vue b/demos/src/Nodes/OrderedList/Vue/index.vue
index 980f822555..2449e54e9a 100644
--- a/demos/src/Nodes/OrderedList/Vue/index.vue
+++ b/demos/src/Nodes/OrderedList/Vue/index.vue
@@ -18,12 +18,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import ListItem from '@tiptap/extension-list-item'
+import OrderedList from '@tiptap/extension-ordered-list'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import OrderedList from '@tiptap/extension-ordered-list'
-import ListItem from '@tiptap/extension-list-item'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/Paragraph/React/index.jsx b/demos/src/Nodes/Paragraph/React/index.jsx
index b60ac1d1f4..295e364616 100644
--- a/demos/src/Nodes/Paragraph/React/index.jsx
+++ b/demos/src/Nodes/Paragraph/React/index.jsx
@@ -1,8 +1,8 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/Paragraph/Vue/index.vue b/demos/src/Nodes/Paragraph/Vue/index.vue
index 1061999251..2ffb20c397 100644
--- a/demos/src/Nodes/Paragraph/Vue/index.vue
+++ b/demos/src/Nodes/Paragraph/Vue/index.vue
@@ -5,10 +5,10 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/Table/React/index.jsx b/demos/src/Nodes/Table/React/index.jsx
index 321411783c..46ff9646a5 100644
--- a/demos/src/Nodes/Table/React/index.jsx
+++ b/demos/src/Nodes/Table/React/index.jsx
@@ -1,14 +1,15 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
+import Gapcursor from '@tiptap/extension-gapcursor'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Table from '@tiptap/extension-table'
-import TableRow from '@tiptap/extension-table-row'
 import TableCell from '@tiptap/extension-table-cell'
 import TableHeader from '@tiptap/extension-table-header'
-import Gapcursor from '@tiptap/extension-gapcursor'
-import './styles.scss'
+import TableRow from '@tiptap/extension-table-row'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/Table/Vue/index.vue b/demos/src/Nodes/Table/Vue/index.vue
index 65d09abefd..be78931fe4 100644
--- a/demos/src/Nodes/Table/Vue/index.vue
+++ b/demos/src/Nodes/Table/Vue/index.vue
@@ -59,15 +59,15 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
+import Gapcursor from '@tiptap/extension-gapcursor'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
 import Table from '@tiptap/extension-table'
-import TableRow from '@tiptap/extension-table-row'
 import TableCell from '@tiptap/extension-table-cell'
 import TableHeader from '@tiptap/extension-table-header'
-import Gapcursor from '@tiptap/extension-gapcursor'
+import TableRow from '@tiptap/extension-table-row'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/TaskItem/React/index.jsx b/demos/src/Nodes/TaskItem/React/index.jsx
index a1443e3637..6532f647a9 100644
--- a/demos/src/Nodes/TaskItem/React/index.jsx
+++ b/demos/src/Nodes/TaskItem/React/index.jsx
@@ -1,11 +1,12 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import TaskList from '@tiptap/extension-task-list'
 import TaskItem from '@tiptap/extension-task-item'
-import './styles.scss'
+import TaskList from '@tiptap/extension-task-list'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/TaskItem/Vue/index.vue b/demos/src/Nodes/TaskItem/Vue/index.vue
index 5ec09a45db..0684f205e4 100644
--- a/demos/src/Nodes/TaskItem/Vue/index.vue
+++ b/demos/src/Nodes/TaskItem/Vue/index.vue
@@ -18,12 +18,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import TaskList from '@tiptap/extension-task-list'
 import TaskItem from '@tiptap/extension-task-item'
+import TaskList from '@tiptap/extension-task-list'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/TaskList/React/index.jsx b/demos/src/Nodes/TaskList/React/index.jsx
index a1443e3637..6532f647a9 100644
--- a/demos/src/Nodes/TaskList/React/index.jsx
+++ b/demos/src/Nodes/TaskList/React/index.jsx
@@ -1,11 +1,12 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
+import './styles.scss'
+
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import TaskList from '@tiptap/extension-task-list'
 import TaskItem from '@tiptap/extension-task-item'
-import './styles.scss'
+import TaskList from '@tiptap/extension-task-list'
+import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/TaskList/Vue/index.vue b/demos/src/Nodes/TaskList/Vue/index.vue
index 5ec09a45db..0684f205e4 100644
--- a/demos/src/Nodes/TaskList/Vue/index.vue
+++ b/demos/src/Nodes/TaskList/Vue/index.vue
@@ -18,12 +18,12 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
-import Text from '@tiptap/extension-text'
-import TaskList from '@tiptap/extension-task-list'
 import TaskItem from '@tiptap/extension-task-item'
+import TaskList from '@tiptap/extension-task-list'
+import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Nodes/Text/React/index.jsx b/demos/src/Nodes/Text/React/index.jsx
index b7702abe1b..3f3d40c974 100644
--- a/demos/src/Nodes/Text/React/index.jsx
+++ b/demos/src/Nodes/Text/React/index.jsx
@@ -1,8 +1,8 @@
-import React from 'react'
-import { useEditor, EditorContent } from '@tiptap/react'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { EditorContent, useEditor } from '@tiptap/react'
+import React from 'react'
 
 export default () => {
   const editor = useEditor({
diff --git a/demos/src/Nodes/Text/Vue/index.vue b/demos/src/Nodes/Text/Vue/index.vue
index 604e08b8d6..e0eaf2c6e7 100644
--- a/demos/src/Nodes/Text/Vue/index.vue
+++ b/demos/src/Nodes/Text/Vue/index.vue
@@ -5,10 +5,10 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/src/Overview/Installation/Vue/index.vue b/demos/src/Overview/Installation/Vue/index.vue
index 24d5bc430b..2cc117a5af 100644
--- a/demos/src/Overview/Installation/Vue/index.vue
+++ b/demos/src/Overview/Installation/Vue/index.vue
@@ -3,8 +3,8 @@
 </template>
 
 <script>
-import { Editor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue-3'
 
 export default {
   components: {
diff --git a/demos/vite.config.ts b/demos/vite.config.ts
index fd085fa84e..2626c5caeb 100644
--- a/demos/vite.config.ts
+++ b/demos/vite.config.ts
@@ -1,15 +1,15 @@
+import react from '@vitejs/plugin-react'
+import vue from '@vitejs/plugin-vue'
+import fg from 'fast-glob'
+import fs from 'fs'
 import {
-  resolve,
   basename,
   dirname,
   join,
+  resolve,
 } from 'path'
 import { v4 as uuid } from 'uuid'
-import fs from 'fs'
-import fg from 'fast-glob'
 import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import react from '@vitejs/plugin-react'
 // import checker from 'vite-plugin-checker'
 
 const includeDependencies = fs.readFileSync('./includeDependencies.txt')
diff --git a/package-lock.json b/package-lock.json
index 929d9f6d74..6f0c7a6071 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,12 +26,14 @@
         "@typescript-eslint/parser": "^5.10.2",
         "babel-loader": "^8.2.3",
         "cypress": "^9.4.1",
-        "eslint": "^8.8.0",
-        "eslint-config-airbnb-base": "^14.2.0",
+        "eslint": "^8.17.0",
+        "eslint-config-airbnb-base": "^15.0.0",
         "eslint-plugin-cypress": "^2.12.1",
         "eslint-plugin-html": "^6.2.0",
-        "eslint-plugin-import": "^2.25.4",
-        "eslint-plugin-vue": "^8.4.0",
+        "eslint-plugin-import": "^2.26.0",
+        "eslint-plugin-simple-import-sort": "^7.0.0",
+        "eslint-plugin-vue": "^9.1.0",
+        "husky": "^8.0.1",
         "lerna": "^4.0.0",
         "minimist": "^1.2.5",
         "rollup": "^2.67.0",
@@ -1867,15 +1869,15 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.2.3.tgz",
-      "integrity": "sha512-uGo44hIwoLGNyduRpjdEpovcbMdd+Nv7amtmJxnKmI8xj6yd5LncmSwDa5NgX/41lIFJtkjD6YdVfgEzPfJ5UA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.0.tgz",
+      "integrity": "sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==",
       "dev": true,
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
         "espree": "^9.3.2",
-        "globals": "^13.9.0",
+        "globals": "^13.15.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
         "js-yaml": "^4.1.0",
@@ -8457,12 +8459,12 @@
       }
     },
     "node_modules/eslint": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.15.0.tgz",
-      "integrity": "sha512-GG5USZ1jhCu8HJkzGgeK8/+RGnHaNYZGrGDzUtigK3BsGESW/rs2az23XqE0WVwDxy1VRvvjSSGu5nB0Bu+6SA==",
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.17.0.tgz",
+      "integrity": "sha512-gq0m0BTJfci60Fz4nczYxNAlED+sMcihltndR8t9t1evnU/azx53x3t2UHXC/uRjcbvRw/XctpaNygSTcQD+Iw==",
       "dev": true,
       "dependencies": {
-        "@eslint/eslintrc": "^1.2.3",
+        "@eslint/eslintrc": "^1.3.0",
         "@humanwhocodes/config-array": "^0.9.2",
         "ajv": "^6.10.0",
         "chalk": "^4.0.0",
@@ -8480,7 +8482,7 @@
         "file-entry-cache": "^6.0.1",
         "functional-red-black-tree": "^1.0.1",
         "glob-parent": "^6.0.1",
-        "globals": "^13.6.0",
+        "globals": "^13.15.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
@@ -8509,21 +8511,22 @@
       }
     },
     "node_modules/eslint-config-airbnb-base": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.1.tgz",
-      "integrity": "sha512-GOrQyDtVEc1Xy20U7vsB2yAoB4nBlfH5HZJeatRXHleO+OS5Ot+MWij4Dpltw4/DyIkqUfqz1epfhVR5XWWQPA==",
+      "version": "15.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-15.0.0.tgz",
+      "integrity": "sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==",
       "dev": true,
       "dependencies": {
         "confusing-browser-globals": "^1.0.10",
         "object.assign": "^4.1.2",
-        "object.entries": "^1.1.2"
+        "object.entries": "^1.1.5",
+        "semver": "^6.3.0"
       },
       "engines": {
-        "node": ">= 6"
+        "node": "^10.12.0 || >=12.0.0"
       },
       "peerDependencies": {
-        "eslint": "^5.16.0 || ^6.8.0 || ^7.2.0",
-        "eslint-plugin-import": "^2.22.1"
+        "eslint": "^7.32.0 || ^8.2.0",
+        "eslint-plugin-import": "^2.25.2"
       }
     },
     "node_modules/eslint-import-resolver-node": {
@@ -8642,10 +8645,19 @@
       "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
       "dev": true
     },
+    "node_modules/eslint-plugin-simple-import-sort": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-simple-import-sort/-/eslint-plugin-simple-import-sort-7.0.0.tgz",
+      "integrity": "sha512-U3vEDB5zhYPNfxT5TYR7u01dboFZp+HNpnGhkDB2g/2E4wZ/g1Q9Ton8UwCLfRV9yAKyYqDh62oHOamvkFxsvw==",
+      "dev": true,
+      "peerDependencies": {
+        "eslint": ">=5.0.0"
+      }
+    },
     "node_modules/eslint-plugin-vue": {
-      "version": "8.7.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-8.7.1.tgz",
-      "integrity": "sha512-28sbtm4l4cOzoO1LtzQPxfxhQABararUb1JtqusQqObJpWX2e/gmVyeYVfepizPFne0Q5cILkYGiBoV36L12Wg==",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.1.0.tgz",
+      "integrity": "sha512-EPCeInPicQ/YyfOWJDr1yfEeSNoFCMzUus107lZyYi37xejdOolNzS5MXGXp8+9bkoKZMdv/1AcZzQebME6r+g==",
       "dev": true,
       "dependencies": {
         "eslint-utils": "^3.0.0",
@@ -8653,10 +8665,11 @@
         "nth-check": "^2.0.1",
         "postcss-selector-parser": "^6.0.9",
         "semver": "^7.3.5",
-        "vue-eslint-parser": "^8.0.1"
+        "vue-eslint-parser": "^9.0.1",
+        "xml-name-validator": "^4.0.0"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^14.17.0 || >=16.0.0"
       },
       "peerDependencies": {
         "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
@@ -10025,6 +10038,21 @@
         "ms": "^2.0.0"
       }
     },
+    "node_modules/husky": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/husky/-/husky-8.0.1.tgz",
+      "integrity": "sha512-xs7/chUH/CKdOCs7Zy0Aev9e/dKOMZf3K1Az1nar3tzlv0jfqnYtu235bstsWTmXOR0EfINrPa97yy4Lz6RiKw==",
+      "dev": true,
+      "bin": {
+        "husky": "lib/bin.js"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/typicode"
+      }
+    },
     "node_modules/iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -16455,21 +16483,21 @@
       }
     },
     "node_modules/vue-eslint-parser": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
-      "integrity": "sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==",
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.0.2.tgz",
+      "integrity": "sha512-uCPQwTGjOtAYrwnU+76pYxalhjsh7iFBsHwBqDHiOPTxtICDaraO4Szw54WFTNZTAEsgHHzqFOu1mmnBOBRzDA==",
       "dev": true,
       "dependencies": {
-        "debug": "^4.3.2",
-        "eslint-scope": "^7.0.0",
-        "eslint-visitor-keys": "^3.1.0",
-        "espree": "^9.0.0",
+        "debug": "^4.3.4",
+        "eslint-scope": "^7.1.1",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.3.1",
         "esquery": "^1.4.0",
         "lodash": "^4.17.21",
-        "semver": "^7.3.5"
+        "semver": "^7.3.6"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+        "node": "^14.17.0 || >=16.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/mysticatea"
@@ -16936,6 +16964,15 @@
         }
       }
     },
+    "node_modules/xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
@@ -19124,15 +19161,15 @@
       }
     },
     "@eslint/eslintrc": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.2.3.tgz",
-      "integrity": "sha512-uGo44hIwoLGNyduRpjdEpovcbMdd+Nv7amtmJxnKmI8xj6yd5LncmSwDa5NgX/41lIFJtkjD6YdVfgEzPfJ5UA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-1.3.0.tgz",
+      "integrity": "sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==",
       "dev": true,
       "requires": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
         "espree": "^9.3.2",
-        "globals": "^13.9.0",
+        "globals": "^13.15.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
         "js-yaml": "^4.1.0",
@@ -24318,12 +24355,12 @@
       "dev": true
     },
     "eslint": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.15.0.tgz",
-      "integrity": "sha512-GG5USZ1jhCu8HJkzGgeK8/+RGnHaNYZGrGDzUtigK3BsGESW/rs2az23XqE0WVwDxy1VRvvjSSGu5nB0Bu+6SA==",
+      "version": "8.17.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.17.0.tgz",
+      "integrity": "sha512-gq0m0BTJfci60Fz4nczYxNAlED+sMcihltndR8t9t1evnU/azx53x3t2UHXC/uRjcbvRw/XctpaNygSTcQD+Iw==",
       "dev": true,
       "requires": {
-        "@eslint/eslintrc": "^1.2.3",
+        "@eslint/eslintrc": "^1.3.0",
         "@humanwhocodes/config-array": "^0.9.2",
         "ajv": "^6.10.0",
         "chalk": "^4.0.0",
@@ -24341,7 +24378,7 @@
         "file-entry-cache": "^6.0.1",
         "functional-red-black-tree": "^1.0.1",
         "glob-parent": "^6.0.1",
-        "globals": "^13.6.0",
+        "globals": "^13.15.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.0.0",
         "imurmurhash": "^0.1.4",
@@ -24458,14 +24495,15 @@
       }
     },
     "eslint-config-airbnb-base": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-14.2.1.tgz",
-      "integrity": "sha512-GOrQyDtVEc1Xy20U7vsB2yAoB4nBlfH5HZJeatRXHleO+OS5Ot+MWij4Dpltw4/DyIkqUfqz1epfhVR5XWWQPA==",
+      "version": "15.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-airbnb-base/-/eslint-config-airbnb-base-15.0.0.tgz",
+      "integrity": "sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==",
       "dev": true,
       "requires": {
         "confusing-browser-globals": "^1.0.10",
         "object.assign": "^4.1.2",
-        "object.entries": "^1.1.2"
+        "object.entries": "^1.1.5",
+        "semver": "^6.3.0"
       }
     },
     "eslint-import-resolver-node": {
@@ -24575,10 +24613,17 @@
         }
       }
     },
+    "eslint-plugin-simple-import-sort": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-simple-import-sort/-/eslint-plugin-simple-import-sort-7.0.0.tgz",
+      "integrity": "sha512-U3vEDB5zhYPNfxT5TYR7u01dboFZp+HNpnGhkDB2g/2E4wZ/g1Q9Ton8UwCLfRV9yAKyYqDh62oHOamvkFxsvw==",
+      "dev": true,
+      "requires": {}
+    },
     "eslint-plugin-vue": {
-      "version": "8.7.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-8.7.1.tgz",
-      "integrity": "sha512-28sbtm4l4cOzoO1LtzQPxfxhQABararUb1JtqusQqObJpWX2e/gmVyeYVfepizPFne0Q5cILkYGiBoV36L12Wg==",
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.1.0.tgz",
+      "integrity": "sha512-EPCeInPicQ/YyfOWJDr1yfEeSNoFCMzUus107lZyYi37xejdOolNzS5MXGXp8+9bkoKZMdv/1AcZzQebME6r+g==",
       "dev": true,
       "requires": {
         "eslint-utils": "^3.0.0",
@@ -24586,7 +24631,8 @@
         "nth-check": "^2.0.1",
         "postcss-selector-parser": "^6.0.9",
         "semver": "^7.3.5",
-        "vue-eslint-parser": "^8.0.1"
+        "vue-eslint-parser": "^9.0.1",
+        "xml-name-validator": "^4.0.0"
       },
       "dependencies": {
         "semver": {
@@ -25518,6 +25564,12 @@
         "ms": "^2.0.0"
       }
     },
+    "husky": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/husky/-/husky-8.0.1.tgz",
+      "integrity": "sha512-xs7/chUH/CKdOCs7Zy0Aev9e/dKOMZf3K1Az1nar3tzlv0jfqnYtu235bstsWTmXOR0EfINrPa97yy4Lz6RiKw==",
+      "dev": true
+    },
     "iconv-lite": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -30452,18 +30504,18 @@
       }
     },
     "vue-eslint-parser": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-8.3.0.tgz",
-      "integrity": "sha512-dzHGG3+sYwSf6zFBa0Gi9ZDshD7+ad14DGOdTLjruRVgZXe2J+DcZ9iUhyR48z5g1PqRa20yt3Njna/veLJL/g==",
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.0.2.tgz",
+      "integrity": "sha512-uCPQwTGjOtAYrwnU+76pYxalhjsh7iFBsHwBqDHiOPTxtICDaraO4Szw54WFTNZTAEsgHHzqFOu1mmnBOBRzDA==",
       "dev": true,
       "requires": {
-        "debug": "^4.3.2",
-        "eslint-scope": "^7.0.0",
-        "eslint-visitor-keys": "^3.1.0",
-        "espree": "^9.0.0",
+        "debug": "^4.3.4",
+        "eslint-scope": "^7.1.1",
+        "eslint-visitor-keys": "^3.3.0",
+        "espree": "^9.3.1",
         "esquery": "^1.4.0",
         "lodash": "^4.17.21",
-        "semver": "^7.3.5"
+        "semver": "^7.3.6"
       },
       "dependencies": {
         "eslint-scope": {
@@ -30808,6 +30860,12 @@
       "optional": true,
       "requires": {}
     },
+    "xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true
+    },
     "xtend": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
diff --git a/package.json b/package.json
index dac7562a85..0d5f1a5cfa 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,8 @@
     "build:allpackages": "npm run clean:packages && for dir in packages/*; do package=${dir#'packages/'}; rollup -c --scope @tiptap/$package || exit 1; done",
     "release": "npm run build:packages && lerna publish",
     "clean:packages": "rm -rf ./packages/*/dist",
-    "reset": "npm run clean:packages && rm -rf ./**/.cache && rm -rf ./**/node_modules && rm -rf ./package-lock.json && npm install"
+    "reset": "npm run clean:packages && rm -rf ./**/.cache && rm -rf ./**/node_modules && rm -rf ./package-lock.json && npm install",
+    "prepare": "husky install"
   },
   "devDependencies": {
     "@atomico/rollup-plugin-sizes": "^1.1.4",
@@ -40,12 +41,14 @@
     "@typescript-eslint/parser": "^5.10.2",
     "babel-loader": "^8.2.3",
     "cypress": "^9.4.1",
-    "eslint": "^8.8.0",
-    "eslint-config-airbnb-base": "^14.2.0",
+    "eslint": "^8.17.0",
+    "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-html": "^6.2.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-vue": "^8.4.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-simple-import-sort": "^7.0.0",
+    "eslint-plugin-vue": "^9.1.0",
+    "husky": "^8.0.1",
     "lerna": "^4.0.0",
     "minimist": "^1.2.5",
     "rollup": "^2.67.0",
diff --git a/packages/core/src/CommandManager.ts b/packages/core/src/CommandManager.ts
index 213f8c624f..c1c62ffcc0 100644
--- a/packages/core/src/CommandManager.ts
+++ b/packages/core/src/CommandManager.ts
@@ -1,12 +1,13 @@
 import { EditorState, Transaction } from 'prosemirror-state'
+
 import { Editor } from './Editor'
 import { createChainableState } from './helpers/createChainableState'
 import {
-  SingleCommands,
-  ChainedCommands,
-  CanCommands,
   AnyCommands,
+  CanCommands,
+  ChainedCommands,
   CommandProps,
+  SingleCommands,
 } from './types'
 
 export class CommandManager {
diff --git a/packages/core/src/Editor.ts b/packages/core/src/Editor.ts
index a3c2984555..d3b6fd080b 100644
--- a/packages/core/src/Editor.ts
+++ b/packages/core/src/Editor.ts
@@ -1,3 +1,4 @@
+import { MarkType, NodeType, Schema } from 'prosemirror-model'
 import {
   EditorState,
   Plugin,
@@ -5,31 +6,31 @@ import {
   Transaction,
 } from 'prosemirror-state'
 import { EditorView } from 'prosemirror-view'
-import { Schema, MarkType, NodeType } from 'prosemirror-model'
-import { getAttributes } from './helpers/getAttributes'
-import { isActive } from './helpers/isActive'
+
+import { CommandManager } from './CommandManager'
+import { EventEmitter } from './EventEmitter'
+import { ExtensionManager } from './ExtensionManager'
+import * as extensions from './extensions'
 import { createDocument } from './helpers/createDocument'
+import { getAttributes } from './helpers/getAttributes'
 import { getHTMLFromFragment } from './helpers/getHTMLFromFragment'
 import { getText } from './helpers/getText'
+import { getTextSerializersFromSchema } from './helpers/getTextSerializersFromSchema'
+import { isActive } from './helpers/isActive'
 import { isNodeEmpty } from './helpers/isNodeEmpty'
 import { resolveFocusPosition } from './helpers/resolveFocusPosition'
-import { getTextSerializersFromSchema } from './helpers/getTextSerializersFromSchema'
-import { createStyleTag } from './utilities/createStyleTag'
-import { isFunction } from './utilities/isFunction'
-import { CommandManager } from './CommandManager'
-import { ExtensionManager } from './ExtensionManager'
-import { EventEmitter } from './EventEmitter'
+import { style } from './style'
 import {
-  EditorOptions,
   CanCommands,
   ChainedCommands,
+  EditorEvents,
+  EditorOptions,
   JSONContent,
   SingleCommands,
   TextSerializer,
-  EditorEvents,
 } from './types'
-import * as extensions from './extensions'
-import { style } from './style'
+import { createStyleTag } from './utilities/createStyleTag'
+import { isFunction } from './utilities/isFunction'
 
 export { extensions }
 
diff --git a/packages/core/src/Extension.ts b/packages/core/src/Extension.ts
index db3fb5feb4..a91277248e 100644
--- a/packages/core/src/Extension.ts
+++ b/packages/core/src/Extension.ts
@@ -1,21 +1,22 @@
 import { Plugin, Transaction } from 'prosemirror-state'
-import { InputRule } from './InputRule'
-import { PasteRule } from './PasteRule'
+
+import { ExtensionConfig } from '.'
 import { Editor } from './Editor'
-import { Node } from './Node'
-import { Mark } from './Mark'
-import { mergeDeep } from './utilities/mergeDeep'
-import { callOrReturn } from './utilities/callOrReturn'
 import { getExtensionField } from './helpers/getExtensionField'
+import { InputRule } from './InputRule'
+import { Mark } from './Mark'
+import { Node } from './Node'
+import { PasteRule } from './PasteRule'
 import {
   AnyConfig,
   Extensions,
   GlobalAttributes,
-  RawCommands,
-  ParentConfig,
   KeyboardShortcutCommand,
+  ParentConfig,
+  RawCommands,
 } from './types'
-import { ExtensionConfig } from '.'
+import { callOrReturn } from './utilities/callOrReturn'
+import { mergeDeep } from './utilities/mergeDeep'
 
 declare module '@tiptap/core' {
   interface ExtensionConfig<Options = any, Storage = any> {
diff --git a/packages/core/src/ExtensionManager.ts b/packages/core/src/ExtensionManager.ts
index 10399000ab..09f2979147 100644
--- a/packages/core/src/ExtensionManager.ts
+++ b/packages/core/src/ExtensionManager.ts
@@ -1,22 +1,23 @@
 import { keymap } from 'prosemirror-keymap'
-import { Schema, Node as ProsemirrorNode } from 'prosemirror-model'
-import { inputRulesPlugin } from './InputRule'
-import { pasteRulesPlugin } from './PasteRule'
-import { EditorView, Decoration } from 'prosemirror-view'
+import { Node as ProsemirrorNode, Schema } from 'prosemirror-model'
 import { Plugin } from 'prosemirror-state'
+import { Decoration, EditorView } from 'prosemirror-view'
+
+import { NodeConfig } from '.'
 import { Editor } from './Editor'
-import { Extensions, RawCommands, AnyConfig } from './types'
+import { getAttributesFromExtensions } from './helpers/getAttributesFromExtensions'
 import { getExtensionField } from './helpers/getExtensionField'
-import { getSchemaByResolvedExtensions } from './helpers/getSchemaByResolvedExtensions'
-import { getSchemaTypeByName } from './helpers/getSchemaTypeByName'
 import { getNodeType } from './helpers/getNodeType'
-import { splitExtensions } from './helpers/splitExtensions'
-import { getAttributesFromExtensions } from './helpers/getAttributesFromExtensions'
 import { getRenderedAttributes } from './helpers/getRenderedAttributes'
+import { getSchemaByResolvedExtensions } from './helpers/getSchemaByResolvedExtensions'
+import { getSchemaTypeByName } from './helpers/getSchemaTypeByName'
 import { isExtensionRulesEnabled } from './helpers/isExtensionRulesEnabled'
+import { splitExtensions } from './helpers/splitExtensions'
+import { inputRulesPlugin } from './InputRule'
+import { pasteRulesPlugin } from './PasteRule'
+import { AnyConfig, Extensions, RawCommands } from './types'
 import { callOrReturn } from './utilities/callOrReturn'
 import { findDuplicates } from './utilities/findDuplicates'
-import { NodeConfig } from '.'
 
 export class ExtensionManager {
 
diff --git a/packages/core/src/Mark.ts b/packages/core/src/Mark.ts
index 7e6a271077..468ccde610 100644
--- a/packages/core/src/Mark.ts
+++ b/packages/core/src/Mark.ts
@@ -1,27 +1,28 @@
 import {
   DOMOutputSpec,
-  MarkSpec,
   Mark as ProseMirrorMark,
+  MarkSpec,
   MarkType,
 } from 'prosemirror-model'
 import { Plugin, Transaction } from 'prosemirror-state'
+
+import { MarkConfig } from '.'
+import { Editor } from './Editor'
+import { getExtensionField } from './helpers/getExtensionField'
 import { InputRule } from './InputRule'
+import { Node } from './Node'
 import { PasteRule } from './PasteRule'
-import { mergeDeep } from './utilities/mergeDeep'
-import { callOrReturn } from './utilities/callOrReturn'
-import { getExtensionField } from './helpers/getExtensionField'
 import {
   AnyConfig,
-  Extensions,
   Attributes,
-  RawCommands,
+  Extensions,
   GlobalAttributes,
-  ParentConfig,
   KeyboardShortcutCommand,
+  ParentConfig,
+  RawCommands,
 } from './types'
-import { Node } from './Node'
-import { MarkConfig } from '.'
-import { Editor } from './Editor'
+import { callOrReturn } from './utilities/callOrReturn'
+import { mergeDeep } from './utilities/mergeDeep'
 
 declare module '@tiptap/core' {
   export interface MarkConfig<Options = any, Storage = any> {
diff --git a/packages/core/src/Node.ts b/packages/core/src/Node.ts
index 5ec9246c83..34b0fbe506 100644
--- a/packages/core/src/Node.ts
+++ b/packages/core/src/Node.ts
@@ -1,27 +1,28 @@
 import {
   DOMOutputSpec,
-  NodeSpec,
   Node as ProseMirrorNode,
+  NodeSpec,
   NodeType,
 } from 'prosemirror-model'
 import { Plugin, Transaction } from 'prosemirror-state'
+
+import { NodeConfig } from '.'
+import { Editor } from './Editor'
+import { getExtensionField } from './helpers/getExtensionField'
 import { InputRule } from './InputRule'
 import { PasteRule } from './PasteRule'
-import { mergeDeep } from './utilities/mergeDeep'
-import { callOrReturn } from './utilities/callOrReturn'
-import { getExtensionField } from './helpers/getExtensionField'
 import {
   AnyConfig,
-  Extensions,
   Attributes,
-  NodeViewRenderer,
+  Extensions,
   GlobalAttributes,
-  RawCommands,
-  ParentConfig,
   KeyboardShortcutCommand,
+  NodeViewRenderer,
+  ParentConfig,
+  RawCommands,
 } from './types'
-import { NodeConfig } from '.'
-import { Editor } from './Editor'
+import { callOrReturn } from './utilities/callOrReturn'
+import { mergeDeep } from './utilities/mergeDeep'
 
 declare module '@tiptap/core' {
   interface NodeConfig<Options = any, Storage = any> {
diff --git a/packages/core/src/NodeView.ts b/packages/core/src/NodeView.ts
index 38b9d8703f..668c5cc467 100644
--- a/packages/core/src/NodeView.ts
+++ b/packages/core/src/NodeView.ts
@@ -1,10 +1,11 @@
-import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'
-import { NodeSelection } from 'prosemirror-state'
 import { Node as ProseMirrorNode } from 'prosemirror-model'
+import { NodeSelection } from 'prosemirror-state'
+import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'
+
 import { Editor as CoreEditor } from './Editor'
 import { Node } from './Node'
+import { NodeViewRendererOptions, NodeViewRendererProps } from './types'
 import { isiOS } from './utilities/isiOS'
-import { NodeViewRendererProps, NodeViewRendererOptions } from './types'
 
 export class NodeView<
   Component,
diff --git a/packages/core/src/PasteRule.ts b/packages/core/src/PasteRule.ts
index 5e10767461..22ea3c368c 100644
--- a/packages/core/src/PasteRule.ts
+++ b/packages/core/src/PasteRule.ts
@@ -1,16 +1,17 @@
 import { EditorState, Plugin } from 'prosemirror-state'
-import { Editor } from './Editor'
+
 import { CommandManager } from './CommandManager'
+import { Editor } from './Editor'
 import { createChainableState } from './helpers/createChainableState'
-import { isRegExp } from './utilities/isRegExp'
-import { isNumber } from './utilities/isNumber'
 import {
-  Range,
+  CanCommands,
+  ChainedCommands,
   ExtendedRegExpMatchArray,
+  Range,
   SingleCommands,
-  ChainedCommands,
-  CanCommands,
 } from './types'
+import { isNumber } from './utilities/isNumber'
+import { isRegExp } from './utilities/isRegExp'
 
 export type PasteRuleMatch = {
   index: number,
diff --git a/packages/core/src/commands/clearNodes.ts b/packages/core/src/commands/clearNodes.ts
index e3e54e6937..b9d891a17f 100644
--- a/packages/core/src/commands/clearNodes.ts
+++ b/packages/core/src/commands/clearNodes.ts
@@ -1,4 +1,5 @@
 import { liftTarget } from 'prosemirror-transform'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/createParagraphNear.ts b/packages/core/src/commands/createParagraphNear.ts
index 48631b0e4e..5da87c4c82 100644
--- a/packages/core/src/commands/createParagraphNear.ts
+++ b/packages/core/src/commands/createParagraphNear.ts
@@ -1,4 +1,5 @@
 import { createParagraphNear as originalCreateParagraphNear } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/deleteNode.ts b/packages/core/src/commands/deleteNode.ts
index 42e2a6d8ae..8c7e2c24de 100644
--- a/packages/core/src/commands/deleteNode.ts
+++ b/packages/core/src/commands/deleteNode.ts
@@ -1,4 +1,5 @@
 import { NodeType } from 'prosemirror-model'
+
 import { getNodeType } from '../helpers/getNodeType'
 import { RawCommands } from '../types'
 
diff --git a/packages/core/src/commands/deleteRange.ts b/packages/core/src/commands/deleteRange.ts
index f9a041ff2d..c962692783 100644
--- a/packages/core/src/commands/deleteRange.ts
+++ b/packages/core/src/commands/deleteRange.ts
@@ -1,4 +1,4 @@
-import { RawCommands, Range } from '../types'
+import { Range, RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/deleteSelection.ts b/packages/core/src/commands/deleteSelection.ts
index 65ead68e8d..787b89b716 100644
--- a/packages/core/src/commands/deleteSelection.ts
+++ b/packages/core/src/commands/deleteSelection.ts
@@ -1,4 +1,5 @@
 import { deleteSelection as originalDeleteSelection } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/exitCode.ts b/packages/core/src/commands/exitCode.ts
index e07420a20f..f23233d97c 100644
--- a/packages/core/src/commands/exitCode.ts
+++ b/packages/core/src/commands/exitCode.ts
@@ -1,4 +1,5 @@
 import { exitCode as originalExitCode } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/extendMarkRange.ts b/packages/core/src/commands/extendMarkRange.ts
index 9e224c0fc7..8ecf4a1b17 100644
--- a/packages/core/src/commands/extendMarkRange.ts
+++ b/packages/core/src/commands/extendMarkRange.ts
@@ -1,8 +1,9 @@
-import { TextSelection } from 'prosemirror-state'
 import { MarkType } from 'prosemirror-model'
-import { RawCommands } from '../types'
-import { getMarkType } from '../helpers/getMarkType'
+import { TextSelection } from 'prosemirror-state'
+
 import { getMarkRange } from '../helpers/getMarkRange'
+import { getMarkType } from '../helpers/getMarkType'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/focus.ts b/packages/core/src/commands/focus.ts
index 3214896785..dbb2faeb7f 100644
--- a/packages/core/src/commands/focus.ts
+++ b/packages/core/src/commands/focus.ts
@@ -1,7 +1,7 @@
-import { RawCommands, FocusPosition } from '../types'
 import { isTextSelection } from '../helpers/isTextSelection'
-import { isiOS } from '../utilities/isiOS'
 import { resolveFocusPosition } from '../helpers/resolveFocusPosition'
+import { FocusPosition, RawCommands } from '../types'
+import { isiOS } from '../utilities/isiOS'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
@@ -19,7 +19,7 @@ declare module '@tiptap/core' {
   }
 }
 
-export const focus: RawCommands['focus'] = (position = null, options) => ({
+export const focus: RawCommands['focus'] = (position = null, options = {}) => ({
   editor,
   view,
   tr,
diff --git a/packages/core/src/commands/insertContent.ts b/packages/core/src/commands/insertContent.ts
index 7e145ad6da..8e3817cf7f 100644
--- a/packages/core/src/commands/insertContent.ts
+++ b/packages/core/src/commands/insertContent.ts
@@ -1,5 +1,6 @@
 import { ParseOptions } from 'prosemirror-model'
-import { RawCommands, Content } from '../types'
+
+import { Content, RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/insertContentAt.ts b/packages/core/src/commands/insertContentAt.ts
index 6ab9db8062..75bfe9f71c 100644
--- a/packages/core/src/commands/insertContentAt.ts
+++ b/packages/core/src/commands/insertContentAt.ts
@@ -1,10 +1,11 @@
 import { Fragment, Node as ProseMirrorNode, ParseOptions } from 'prosemirror-model'
+
 import { createNodeFromContent } from '../helpers/createNodeFromContent'
 import { selectionToInsertionEnd } from '../helpers/selectionToInsertionEnd'
 import {
-  RawCommands,
   Content,
   Range,
+  RawCommands,
 } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/joinBackward.ts b/packages/core/src/commands/joinBackward.ts
index 23dfb74103..f00f0cd6e4 100644
--- a/packages/core/src/commands/joinBackward.ts
+++ b/packages/core/src/commands/joinBackward.ts
@@ -1,4 +1,5 @@
 import { joinBackward as originalJoinBackward } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/joinForward.ts b/packages/core/src/commands/joinForward.ts
index 3296cb9239..8f22431845 100644
--- a/packages/core/src/commands/joinForward.ts
+++ b/packages/core/src/commands/joinForward.ts
@@ -1,4 +1,5 @@
 import { joinForward as originalJoinForward } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/lift.ts b/packages/core/src/commands/lift.ts
index 66de60bc62..c4190ebb75 100644
--- a/packages/core/src/commands/lift.ts
+++ b/packages/core/src/commands/lift.ts
@@ -1,8 +1,9 @@
 import { lift as originalLift } from 'prosemirror-commands'
 import { NodeType } from 'prosemirror-model'
-import { RawCommands } from '../types'
-import { isNodeActive } from '../helpers/isNodeActive'
+
 import { getNodeType } from '../helpers/getNodeType'
+import { isNodeActive } from '../helpers/isNodeActive'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/liftEmptyBlock.ts b/packages/core/src/commands/liftEmptyBlock.ts
index af054d36a4..fdc8b93ea6 100644
--- a/packages/core/src/commands/liftEmptyBlock.ts
+++ b/packages/core/src/commands/liftEmptyBlock.ts
@@ -1,4 +1,5 @@
 import { liftEmptyBlock as originalLiftEmptyBlock } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/liftListItem.ts b/packages/core/src/commands/liftListItem.ts
index 6b66fb8324..0c1896c274 100644
--- a/packages/core/src/commands/liftListItem.ts
+++ b/packages/core/src/commands/liftListItem.ts
@@ -1,7 +1,8 @@
-import { liftListItem as originalLiftListItem } from 'prosemirror-schema-list'
 import { NodeType } from 'prosemirror-model'
-import { RawCommands } from '../types'
+import { liftListItem as originalLiftListItem } from 'prosemirror-schema-list'
+
 import { getNodeType } from '../helpers/getNodeType'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/newlineInCode.ts b/packages/core/src/commands/newlineInCode.ts
index 63baef67ae..7fd37fa6a9 100644
--- a/packages/core/src/commands/newlineInCode.ts
+++ b/packages/core/src/commands/newlineInCode.ts
@@ -1,4 +1,5 @@
 import { newlineInCode as originalNewlineInCode } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/resetAttributes.ts b/packages/core/src/commands/resetAttributes.ts
index d3f551e677..5ce359e9eb 100644
--- a/packages/core/src/commands/resetAttributes.ts
+++ b/packages/core/src/commands/resetAttributes.ts
@@ -1,9 +1,10 @@
-import { NodeType, MarkType } from 'prosemirror-model'
-import { getNodeType } from '../helpers/getNodeType'
+import { MarkType, NodeType } from 'prosemirror-model'
+
 import { getMarkType } from '../helpers/getMarkType'
+import { getNodeType } from '../helpers/getNodeType'
 import { getSchemaTypeNameByName } from '../helpers/getSchemaTypeNameByName'
-import { deleteProps } from '../utilities/deleteProps'
 import { RawCommands } from '../types'
+import { deleteProps } from '../utilities/deleteProps'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/selectNodeBackward.ts b/packages/core/src/commands/selectNodeBackward.ts
index 24e303981b..c61bbf84c3 100644
--- a/packages/core/src/commands/selectNodeBackward.ts
+++ b/packages/core/src/commands/selectNodeBackward.ts
@@ -1,4 +1,5 @@
 import { selectNodeBackward as originalSelectNodeBackward } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/selectNodeForward.ts b/packages/core/src/commands/selectNodeForward.ts
index 193b469206..5409aac467 100644
--- a/packages/core/src/commands/selectNodeForward.ts
+++ b/packages/core/src/commands/selectNodeForward.ts
@@ -1,4 +1,5 @@
 import { selectNodeForward as originalSelectNodeForward } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/selectParentNode.ts b/packages/core/src/commands/selectParentNode.ts
index b6fcaa0d7d..9bcf018c15 100644
--- a/packages/core/src/commands/selectParentNode.ts
+++ b/packages/core/src/commands/selectParentNode.ts
@@ -1,4 +1,5 @@
 import { selectParentNode as originalSelectParentNode } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/selectTextblockEnd.ts b/packages/core/src/commands/selectTextblockEnd.ts
index 007e8c6928..065ed70375 100644
--- a/packages/core/src/commands/selectTextblockEnd.ts
+++ b/packages/core/src/commands/selectTextblockEnd.ts
@@ -1,6 +1,7 @@
 // @ts-ignore
 // TODO: add types to @types/prosemirror-commands
 import { selectTextblockEnd as originalSelectTextblockEnd } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/selectTextblockStart.ts b/packages/core/src/commands/selectTextblockStart.ts
index 9205c04b8a..919cd676e7 100644
--- a/packages/core/src/commands/selectTextblockStart.ts
+++ b/packages/core/src/commands/selectTextblockStart.ts
@@ -1,6 +1,7 @@
 // @ts-ignore
 // TODO: add types to @types/prosemirror-commands
 import { selectTextblockStart as originalSelectTextblockStart } from 'prosemirror-commands'
+
 import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
diff --git a/packages/core/src/commands/setContent.ts b/packages/core/src/commands/setContent.ts
index 56e8c1d9c9..d21574777d 100644
--- a/packages/core/src/commands/setContent.ts
+++ b/packages/core/src/commands/setContent.ts
@@ -1,7 +1,8 @@
-import { TextSelection } from 'prosemirror-state'
 import { ParseOptions } from 'prosemirror-model'
+import { TextSelection } from 'prosemirror-state'
+
 import { createDocument } from '../helpers/createDocument'
-import { RawCommands, Content } from '../types'
+import { Content, RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/setMark.ts b/packages/core/src/commands/setMark.ts
index 7817e22553..346188f3b2 100644
--- a/packages/core/src/commands/setMark.ts
+++ b/packages/core/src/commands/setMark.ts
@@ -1,7 +1,8 @@
 import { MarkType } from 'prosemirror-model'
-import { RawCommands } from '../types'
-import { getMarkType } from '../helpers/getMarkType'
+
 import { getMarkAttributes } from '../helpers/getMarkAttributes'
+import { getMarkType } from '../helpers/getMarkType'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/setNode.ts b/packages/core/src/commands/setNode.ts
index 19a003b113..2ed2b1bda0 100644
--- a/packages/core/src/commands/setNode.ts
+++ b/packages/core/src/commands/setNode.ts
@@ -1,7 +1,8 @@
-import { NodeType } from 'prosemirror-model'
 import { setBlockType } from 'prosemirror-commands'
-import { RawCommands } from '../types'
+import { NodeType } from 'prosemirror-model'
+
 import { getNodeType } from '../helpers/getNodeType'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/setNodeSelection.ts b/packages/core/src/commands/setNodeSelection.ts
index 0bd2a9ae35..01b5996130 100644
--- a/packages/core/src/commands/setNodeSelection.ts
+++ b/packages/core/src/commands/setNodeSelection.ts
@@ -1,6 +1,7 @@
-import { Selection, NodeSelection } from 'prosemirror-state'
-import { minMax } from '../utilities/minMax'
+import { NodeSelection, Selection } from 'prosemirror-state'
+
 import { RawCommands } from '../types'
+import { minMax } from '../utilities/minMax'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/setTextSelection.ts b/packages/core/src/commands/setTextSelection.ts
index 79a45fa36c..7fe645e6fd 100644
--- a/packages/core/src/commands/setTextSelection.ts
+++ b/packages/core/src/commands/setTextSelection.ts
@@ -1,6 +1,7 @@
 import { TextSelection } from 'prosemirror-state'
+
+import { Range, RawCommands } from '../types'
 import { minMax } from '../utilities/minMax'
-import { RawCommands, Range } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/sinkListItem.ts b/packages/core/src/commands/sinkListItem.ts
index 1acc21d599..85645cbfaa 100644
--- a/packages/core/src/commands/sinkListItem.ts
+++ b/packages/core/src/commands/sinkListItem.ts
@@ -1,7 +1,8 @@
-import { sinkListItem as originalSinkListItem } from 'prosemirror-schema-list'
 import { NodeType } from 'prosemirror-model'
-import { RawCommands } from '../types'
+import { sinkListItem as originalSinkListItem } from 'prosemirror-schema-list'
+
 import { getNodeType } from '../helpers/getNodeType'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/splitBlock.ts b/packages/core/src/commands/splitBlock.ts
index 5d0af0aea9..32d66cfd96 100644
--- a/packages/core/src/commands/splitBlock.ts
+++ b/packages/core/src/commands/splitBlock.ts
@@ -1,8 +1,9 @@
-import { canSplit } from 'prosemirror-transform'
 import { ContentMatch } from 'prosemirror-model'
 import { EditorState, NodeSelection, TextSelection } from 'prosemirror-state'
-import { RawCommands } from '../types'
+import { canSplit } from 'prosemirror-transform'
+
 import { getSplittedAttributes } from '../helpers/getSplittedAttributes'
+import { RawCommands } from '../types'
 
 function defaultBlockAt(match: ContentMatch) {
   for (let i = 0; i < match.edgeCount; i += 1) {
diff --git a/packages/core/src/commands/splitListItem.ts b/packages/core/src/commands/splitListItem.ts
index 6c9c602588..25ee314273 100644
--- a/packages/core/src/commands/splitListItem.ts
+++ b/packages/core/src/commands/splitListItem.ts
@@ -1,14 +1,15 @@
 import {
-  NodeType,
-  Node as ProseMirrorNode,
   Fragment,
+  Node as ProseMirrorNode,
+  NodeType,
   Slice,
 } from 'prosemirror-model'
-import { canSplit } from 'prosemirror-transform'
 import { TextSelection } from 'prosemirror-state'
-import { RawCommands } from '../types'
+import { canSplit } from 'prosemirror-transform'
+
 import { getNodeType } from '../helpers/getNodeType'
 import { getSplittedAttributes } from '../helpers/getSplittedAttributes'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/toggleList.ts b/packages/core/src/commands/toggleList.ts
index d59c3f6941..27de705ee0 100644
--- a/packages/core/src/commands/toggleList.ts
+++ b/packages/core/src/commands/toggleList.ts
@@ -1,10 +1,11 @@
 import { NodeType } from 'prosemirror-model'
 import { Transaction } from 'prosemirror-state'
 import { canJoin } from 'prosemirror-transform'
-import { RawCommands } from '../types'
-import { getNodeType } from '../helpers/getNodeType'
+
 import { findParentNode } from '../helpers/findParentNode'
+import { getNodeType } from '../helpers/getNodeType'
 import { isList } from '../helpers/isList'
+import { RawCommands } from '../types'
 
 const joinListBackwards = (tr: Transaction, listType: NodeType): boolean => {
   const list = findParentNode(node => node.type === listType)(tr.selection)
diff --git a/packages/core/src/commands/toggleMark.ts b/packages/core/src/commands/toggleMark.ts
index eb686ef512..b57ef506ac 100644
--- a/packages/core/src/commands/toggleMark.ts
+++ b/packages/core/src/commands/toggleMark.ts
@@ -1,7 +1,8 @@
 import { MarkType } from 'prosemirror-model'
-import { RawCommands } from '../types'
+
 import { getMarkType } from '../helpers/getMarkType'
 import { isMarkActive } from '../helpers/isMarkActive'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/toggleNode.ts b/packages/core/src/commands/toggleNode.ts
index debf6c1cdb..79ad24c4bd 100644
--- a/packages/core/src/commands/toggleNode.ts
+++ b/packages/core/src/commands/toggleNode.ts
@@ -1,7 +1,8 @@
 import { NodeType } from 'prosemirror-model'
-import { RawCommands } from '../types'
-import { isNodeActive } from '../helpers/isNodeActive'
+
 import { getNodeType } from '../helpers/getNodeType'
+import { isNodeActive } from '../helpers/isNodeActive'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/toggleWrap.ts b/packages/core/src/commands/toggleWrap.ts
index 08693c159a..68715d620f 100644
--- a/packages/core/src/commands/toggleWrap.ts
+++ b/packages/core/src/commands/toggleWrap.ts
@@ -1,7 +1,8 @@
 import { NodeType } from 'prosemirror-model'
-import { RawCommands } from '../types'
-import { isNodeActive } from '../helpers/isNodeActive'
+
 import { getNodeType } from '../helpers/getNodeType'
+import { isNodeActive } from '../helpers/isNodeActive'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/unsetMark.ts b/packages/core/src/commands/unsetMark.ts
index a26bfb093d..c8356c25d9 100644
--- a/packages/core/src/commands/unsetMark.ts
+++ b/packages/core/src/commands/unsetMark.ts
@@ -1,7 +1,8 @@
 import { MarkType } from 'prosemirror-model'
-import { RawCommands } from '../types'
-import { getMarkType } from '../helpers/getMarkType'
+
 import { getMarkRange } from '../helpers/getMarkRange'
+import { getMarkType } from '../helpers/getMarkType'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/updateAttributes.ts b/packages/core/src/commands/updateAttributes.ts
index d6f8ddafd5..8f9e5de7e5 100644
--- a/packages/core/src/commands/updateAttributes.ts
+++ b/packages/core/src/commands/updateAttributes.ts
@@ -1,6 +1,7 @@
-import { NodeType, MarkType } from 'prosemirror-model'
-import { getNodeType } from '../helpers/getNodeType'
+import { MarkType, NodeType } from 'prosemirror-model'
+
 import { getMarkType } from '../helpers/getMarkType'
+import { getNodeType } from '../helpers/getNodeType'
 import { getSchemaTypeNameByName } from '../helpers/getSchemaTypeNameByName'
 import { RawCommands } from '../types'
 
diff --git a/packages/core/src/commands/wrapIn.ts b/packages/core/src/commands/wrapIn.ts
index ffcd227c18..d14a2f1a37 100644
--- a/packages/core/src/commands/wrapIn.ts
+++ b/packages/core/src/commands/wrapIn.ts
@@ -1,7 +1,8 @@
 import { wrapIn as originalWrapIn } from 'prosemirror-commands'
 import { NodeType } from 'prosemirror-model'
-import { RawCommands } from '../types'
+
 import { getNodeType } from '../helpers/getNodeType'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/commands/wrapInList.ts b/packages/core/src/commands/wrapInList.ts
index 61921e5dcb..b44c781b51 100644
--- a/packages/core/src/commands/wrapInList.ts
+++ b/packages/core/src/commands/wrapInList.ts
@@ -1,7 +1,8 @@
-import { wrapInList as originalWrapInList } from 'prosemirror-schema-list'
 import { NodeType } from 'prosemirror-model'
-import { RawCommands } from '../types'
+import { wrapInList as originalWrapInList } from 'prosemirror-schema-list'
+
 import { getNodeType } from '../helpers/getNodeType'
+import { RawCommands } from '../types'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/core/src/extensions/clipboardTextSerializer.ts b/packages/core/src/extensions/clipboardTextSerializer.ts
index b79d5b788e..6ab63535ee 100644
--- a/packages/core/src/extensions/clipboardTextSerializer.ts
+++ b/packages/core/src/extensions/clipboardTextSerializer.ts
@@ -1,4 +1,5 @@
 import { Plugin, PluginKey } from 'prosemirror-state'
+
 import { Extension } from '../Extension'
 import { getTextBetween } from '../helpers/getTextBetween'
 import { getTextSerializersFromSchema } from '../helpers/getTextSerializersFromSchema'
diff --git a/packages/core/src/extensions/commands.ts b/packages/core/src/extensions/commands.ts
index fa31633504..67f3e27ff2 100644
--- a/packages/core/src/extensions/commands.ts
+++ b/packages/core/src/extensions/commands.ts
@@ -1,4 +1,3 @@
-import { Extension } from '../Extension'
 import * as blur from '../commands/blur'
 import * as clearContent from '../commands/clearContent'
 import * as clearNodes from '../commands/clearNodes'
@@ -49,6 +48,7 @@ import * as unsetMark from '../commands/unsetMark'
 import * as updateAttributes from '../commands/updateAttributes'
 import * as wrapIn from '../commands/wrapIn'
 import * as wrapInList from '../commands/wrapInList'
+import { Extension } from '../Extension'
 
 export { blur }
 export { clearContent }
diff --git a/packages/core/src/extensions/editable.ts b/packages/core/src/extensions/editable.ts
index 7bb996bdb2..826aa25177 100644
--- a/packages/core/src/extensions/editable.ts
+++ b/packages/core/src/extensions/editable.ts
@@ -1,4 +1,5 @@
 import { Plugin, PluginKey } from 'prosemirror-state'
+
 import { Extension } from '../Extension'
 
 export const Editable = Extension.create({
diff --git a/packages/core/src/extensions/focusEvents.ts b/packages/core/src/extensions/focusEvents.ts
index eaad5aed3c..eb9fa8d544 100644
--- a/packages/core/src/extensions/focusEvents.ts
+++ b/packages/core/src/extensions/focusEvents.ts
@@ -1,4 +1,5 @@
 import { Plugin, PluginKey } from 'prosemirror-state'
+
 import { Extension } from '../Extension'
 
 export const FocusEvents = Extension.create({
diff --git a/packages/core/src/extensions/keymap.ts b/packages/core/src/extensions/keymap.ts
index 153eed3579..e80498a36d 100644
--- a/packages/core/src/extensions/keymap.ts
+++ b/packages/core/src/extensions/keymap.ts
@@ -1,9 +1,10 @@
 import { Plugin, PluginKey, Selection } from 'prosemirror-state'
+
+import { CommandManager } from '../CommandManager'
+import { Extension } from '../Extension'
 import { createChainableState } from '../helpers/createChainableState'
 import { isiOS } from '../utilities/isiOS'
 import { isMacOS } from '../utilities/isMacOS'
-import { CommandManager } from '../CommandManager'
-import { Extension } from '../Extension'
 
 export const Keymap = Extension.create({
   name: 'keymap',
diff --git a/packages/core/src/extensions/tabindex.ts b/packages/core/src/extensions/tabindex.ts
index 37751a733a..ec28d81d1c 100644
--- a/packages/core/src/extensions/tabindex.ts
+++ b/packages/core/src/extensions/tabindex.ts
@@ -1,4 +1,5 @@
 import { Plugin, PluginKey } from 'prosemirror-state'
+
 import { Extension } from '../Extension'
 
 export const Tabindex = Extension.create({
diff --git a/packages/core/src/helpers/createDocument.ts b/packages/core/src/helpers/createDocument.ts
index 307de17276..e790b081c1 100644
--- a/packages/core/src/helpers/createDocument.ts
+++ b/packages/core/src/helpers/createDocument.ts
@@ -1,4 +1,5 @@
-import { Schema, Node as ProseMirrorNode, ParseOptions } from 'prosemirror-model'
+import { Node as ProseMirrorNode, ParseOptions, Schema } from 'prosemirror-model'
+
 import { Content } from '../types'
 import { createNodeFromContent } from './createNodeFromContent'
 
diff --git a/packages/core/src/helpers/createNodeFromContent.ts b/packages/core/src/helpers/createNodeFromContent.ts
index 3a2dcf4115..1914328756 100644
--- a/packages/core/src/helpers/createNodeFromContent.ts
+++ b/packages/core/src/helpers/createNodeFromContent.ts
@@ -1,12 +1,13 @@
 import {
-  Schema,
   DOMParser,
-  Node as ProseMirrorNode,
   Fragment,
+  Node as ProseMirrorNode,
   ParseOptions,
+  Schema,
 } from 'prosemirror-model'
-import { elementFromString } from '../utilities/elementFromString'
+
 import { Content } from '../types'
+import { elementFromString } from '../utilities/elementFromString'
 
 export type CreateNodeFromContentOptions = {
   slice?: boolean,
diff --git a/packages/core/src/helpers/findChildren.ts b/packages/core/src/helpers/findChildren.ts
index eba947c95e..dee5a0212f 100644
--- a/packages/core/src/helpers/findChildren.ts
+++ b/packages/core/src/helpers/findChildren.ts
@@ -1,5 +1,6 @@
 import { Node as ProseMirrorNode } from 'prosemirror-model'
-import { Predicate, NodeWithPos } from '../types'
+
+import { NodeWithPos, Predicate } from '../types'
 
 export function findChildren(node: ProseMirrorNode, predicate: Predicate): NodeWithPos[] {
   const nodesWithPos: NodeWithPos[] = []
diff --git a/packages/core/src/helpers/findChildrenInRange.ts b/packages/core/src/helpers/findChildrenInRange.ts
index 2cbe923187..168b7788e2 100644
--- a/packages/core/src/helpers/findChildrenInRange.ts
+++ b/packages/core/src/helpers/findChildrenInRange.ts
@@ -1,5 +1,6 @@
 import { Node as ProseMirrorNode } from 'prosemirror-model'
-import { Predicate, Range, NodeWithPos } from '../types'
+
+import { NodeWithPos, Predicate, Range } from '../types'
 
 /**
  * Same as `findChildren` but searches only within a `range`.
diff --git a/packages/core/src/helpers/findParentNode.ts b/packages/core/src/helpers/findParentNode.ts
index cda7b9208b..859e67f4fa 100644
--- a/packages/core/src/helpers/findParentNode.ts
+++ b/packages/core/src/helpers/findParentNode.ts
@@ -1,6 +1,7 @@
 import { Selection } from 'prosemirror-state'
-import { findParentNodeClosestToPos } from './findParentNodeClosestToPos'
+
 import { Predicate } from '../types'
+import { findParentNodeClosestToPos } from './findParentNodeClosestToPos'
 
 export function findParentNode(predicate: Predicate) {
   return (selection: Selection) => findParentNodeClosestToPos(selection.$from, predicate)
diff --git a/packages/core/src/helpers/findParentNodeClosestToPos.ts b/packages/core/src/helpers/findParentNodeClosestToPos.ts
index 11bc23e88b..c04945cf07 100644
--- a/packages/core/src/helpers/findParentNodeClosestToPos.ts
+++ b/packages/core/src/helpers/findParentNodeClosestToPos.ts
@@ -1,4 +1,5 @@
-import { ResolvedPos, Node as ProseMirrorNode } from 'prosemirror-model'
+import { Node as ProseMirrorNode, ResolvedPos } from 'prosemirror-model'
+
 import { Predicate } from '../types'
 
 export function findParentNodeClosestToPos($pos: ResolvedPos, predicate: Predicate): ({
diff --git a/packages/core/src/helpers/generateHTML.ts b/packages/core/src/helpers/generateHTML.ts
index 3044c3bc4d..77a2ce45a9 100644
--- a/packages/core/src/helpers/generateHTML.ts
+++ b/packages/core/src/helpers/generateHTML.ts
@@ -1,7 +1,8 @@
 import { Node } from 'prosemirror-model'
-import { getSchema } from './getSchema'
-import { getHTMLFromFragment } from './getHTMLFromFragment'
+
 import { Extensions, JSONContent } from '../types'
+import { getHTMLFromFragment } from './getHTMLFromFragment'
+import { getSchema } from './getSchema'
 
 export function generateHTML(doc: JSONContent, extensions: Extensions): string {
   const schema = getSchema(extensions)
diff --git a/packages/core/src/helpers/generateJSON.ts b/packages/core/src/helpers/generateJSON.ts
index d9f6ffbb87..2342c4bb87 100644
--- a/packages/core/src/helpers/generateJSON.ts
+++ b/packages/core/src/helpers/generateJSON.ts
@@ -1,7 +1,8 @@
 import { DOMParser } from 'prosemirror-model'
-import { getSchema } from './getSchema'
-import { elementFromString } from '../utilities/elementFromString'
+
 import { Extensions } from '../types'
+import { elementFromString } from '../utilities/elementFromString'
+import { getSchema } from './getSchema'
 
 export function generateJSON(html: string, extensions: Extensions): Record<string, any> {
   const schema = getSchema(extensions)
diff --git a/packages/core/src/helpers/generateText.ts b/packages/core/src/helpers/generateText.ts
index 5f2db7ef7b..03874be81f 100644
--- a/packages/core/src/helpers/generateText.ts
+++ b/packages/core/src/helpers/generateText.ts
@@ -1,8 +1,9 @@
 import { Node } from 'prosemirror-model'
-import { getSchema } from './getSchema'
+
 import { Extensions, JSONContent, TextSerializer } from '../types'
-import { getTextSerializersFromSchema } from './getTextSerializersFromSchema'
+import { getSchema } from './getSchema'
 import { getText } from './getText'
+import { getTextSerializersFromSchema } from './getTextSerializersFromSchema'
 
 export function generateText(
   doc: JSONContent,
diff --git a/packages/core/src/helpers/getAttributes.ts b/packages/core/src/helpers/getAttributes.ts
index c1dfc569a2..bbcd9368a5 100644
--- a/packages/core/src/helpers/getAttributes.ts
+++ b/packages/core/src/helpers/getAttributes.ts
@@ -1,8 +1,9 @@
 import { MarkType, NodeType } from 'prosemirror-model'
 import { EditorState } from 'prosemirror-state'
-import { getSchemaTypeNameByName } from './getSchemaTypeNameByName'
-import { getNodeAttributes } from './getNodeAttributes'
+
 import { getMarkAttributes } from './getMarkAttributes'
+import { getNodeAttributes } from './getNodeAttributes'
+import { getSchemaTypeNameByName } from './getSchemaTypeNameByName'
 
 export function getAttributes(
   state: EditorState,
diff --git a/packages/core/src/helpers/getAttributesFromExtensions.ts b/packages/core/src/helpers/getAttributesFromExtensions.ts
index c903b5eca9..b8dedc56dd 100644
--- a/packages/core/src/helpers/getAttributesFromExtensions.ts
+++ b/packages/core/src/helpers/getAttributesFromExtensions.ts
@@ -1,14 +1,14 @@
-import { splitExtensions } from './splitExtensions'
-import { getExtensionField } from './getExtensionField'
+import { MarkConfig, NodeConfig } from '..'
 import {
-  Extensions,
-  GlobalAttributes,
-  Attributes,
+  AnyConfig,
   Attribute,
+  Attributes,
   ExtensionAttribute,
-  AnyConfig,
+  Extensions,
+  GlobalAttributes,
 } from '../types'
-import { NodeConfig, MarkConfig } from '..'
+import { getExtensionField } from './getExtensionField'
+import { splitExtensions } from './splitExtensions'
 
 /**
  * Get a list of all extension attributes defined in `addAttribute` and `addGlobalAttribute`.
diff --git a/packages/core/src/helpers/getChangedRanges.ts b/packages/core/src/helpers/getChangedRanges.ts
index 8d1333034f..a9f03330fb 100644
--- a/packages/core/src/helpers/getChangedRanges.ts
+++ b/packages/core/src/helpers/getChangedRanges.ts
@@ -1,4 +1,5 @@
-import { Transform, Step } from 'prosemirror-transform'
+import { Step, Transform } from 'prosemirror-transform'
+
 import { Range } from '../types'
 import { removeDuplicates } from '../utilities/removeDuplicates'
 
diff --git a/packages/core/src/helpers/getDebugJSON.ts b/packages/core/src/helpers/getDebugJSON.ts
index 13a90d93bd..bb9fa82e40 100644
--- a/packages/core/src/helpers/getDebugJSON.ts
+++ b/packages/core/src/helpers/getDebugJSON.ts
@@ -1,4 +1,5 @@
 import { Node as ProseMirrorNode } from 'prosemirror-model'
+
 import { JSONContent } from '../types'
 
 interface DebugJSONContent extends JSONContent {
diff --git a/packages/core/src/helpers/getExtensionField.ts b/packages/core/src/helpers/getExtensionField.ts
index a9bed22b7b..545ddf291a 100644
--- a/packages/core/src/helpers/getExtensionField.ts
+++ b/packages/core/src/helpers/getExtensionField.ts
@@ -1,4 +1,4 @@
-import { AnyExtension, RemoveThis, MaybeThisParameterType } from '../types'
+import { AnyExtension, MaybeThisParameterType, RemoveThis } from '../types'
 
 export function getExtensionField<T = any>(
   extension: AnyExtension,
diff --git a/packages/core/src/helpers/getHTMLFromFragment.ts b/packages/core/src/helpers/getHTMLFromFragment.ts
index 7e396152df..e4dc075881 100644
--- a/packages/core/src/helpers/getHTMLFromFragment.ts
+++ b/packages/core/src/helpers/getHTMLFromFragment.ts
@@ -1,4 +1,4 @@
-import { DOMSerializer, Schema, Fragment } from 'prosemirror-model'
+import { DOMSerializer, Fragment, Schema } from 'prosemirror-model'
 
 export function getHTMLFromFragment(fragment: Fragment, schema: Schema): string {
   const documentFragment = DOMSerializer
diff --git a/packages/core/src/helpers/getMarkAttributes.ts b/packages/core/src/helpers/getMarkAttributes.ts
index b4bec67ddf..5c46c46e6f 100644
--- a/packages/core/src/helpers/getMarkAttributes.ts
+++ b/packages/core/src/helpers/getMarkAttributes.ts
@@ -1,5 +1,6 @@
-import { EditorState } from 'prosemirror-state'
 import { Mark, MarkType } from 'prosemirror-model'
+import { EditorState } from 'prosemirror-state'
+
 import { getMarkType } from './getMarkType'
 
 export function getMarkAttributes(state: EditorState, typeOrName: string | MarkType): Record<string, any> {
diff --git a/packages/core/src/helpers/getMarkRange.ts b/packages/core/src/helpers/getMarkRange.ts
index 5119817e3d..b8f070c0ee 100644
--- a/packages/core/src/helpers/getMarkRange.ts
+++ b/packages/core/src/helpers/getMarkRange.ts
@@ -1,6 +1,7 @@
 import { Mark as ProseMirrorMark, MarkType, ResolvedPos } from 'prosemirror-model'
-import { objectIncludes } from '../utilities/objectIncludes'
+
 import { Range } from '../types'
+import { objectIncludes } from '../utilities/objectIncludes'
 
 function findMarkInSet(
   marks: ProseMirrorMark[],
diff --git a/packages/core/src/helpers/getMarksBetween.ts b/packages/core/src/helpers/getMarksBetween.ts
index 4c0b0e4df9..e209bbc04a 100644
--- a/packages/core/src/helpers/getMarksBetween.ts
+++ b/packages/core/src/helpers/getMarksBetween.ts
@@ -1,4 +1,5 @@
 import { Node as ProseMirrorNode } from 'prosemirror-model'
+
 import { MarkRange } from '../types'
 import { getMarkRange } from './getMarkRange'
 
diff --git a/packages/core/src/helpers/getNodeAttributes.ts b/packages/core/src/helpers/getNodeAttributes.ts
index 352155760e..33aee129f6 100644
--- a/packages/core/src/helpers/getNodeAttributes.ts
+++ b/packages/core/src/helpers/getNodeAttributes.ts
@@ -1,5 +1,6 @@
-import { EditorState } from 'prosemirror-state'
 import { Node, NodeType } from 'prosemirror-model'
+import { EditorState } from 'prosemirror-state'
+
 import { getNodeType } from './getNodeType'
 
 export function getNodeAttributes(state: EditorState, typeOrName: string | NodeType): Record<string, any> {
diff --git a/packages/core/src/helpers/getRenderedAttributes.ts b/packages/core/src/helpers/getRenderedAttributes.ts
index 722c314012..28feb943a7 100644
--- a/packages/core/src/helpers/getRenderedAttributes.ts
+++ b/packages/core/src/helpers/getRenderedAttributes.ts
@@ -1,4 +1,5 @@
-import { Node, Mark } from 'prosemirror-model'
+import { Mark, Node } from 'prosemirror-model'
+
 import { ExtensionAttribute } from '../types'
 import { mergeAttributes } from '../utilities/mergeAttributes'
 
diff --git a/packages/core/src/helpers/getSchema.ts b/packages/core/src/helpers/getSchema.ts
index ca639ce975..15159f1934 100644
--- a/packages/core/src/helpers/getSchema.ts
+++ b/packages/core/src/helpers/getSchema.ts
@@ -1,7 +1,8 @@
 import { Schema } from 'prosemirror-model'
-import { getSchemaByResolvedExtensions } from './getSchemaByResolvedExtensions'
+
 import { ExtensionManager } from '../ExtensionManager'
 import { Extensions } from '../types'
+import { getSchemaByResolvedExtensions } from './getSchemaByResolvedExtensions'
 
 export function getSchema(extensions: Extensions): Schema {
   const resolvedExtensions = ExtensionManager.resolve(extensions)
diff --git a/packages/core/src/helpers/getSchemaByResolvedExtensions.ts b/packages/core/src/helpers/getSchemaByResolvedExtensions.ts
index 973eba36bc..90ad6292d9 100644
--- a/packages/core/src/helpers/getSchemaByResolvedExtensions.ts
+++ b/packages/core/src/helpers/getSchemaByResolvedExtensions.ts
@@ -1,13 +1,14 @@
-import { NodeSpec, MarkSpec, Schema } from 'prosemirror-model'
+import { MarkSpec, NodeSpec, Schema } from 'prosemirror-model'
+
+import { MarkConfig, NodeConfig } from '..'
 import { AnyConfig, Extensions } from '../types'
-import { NodeConfig, MarkConfig } from '..'
-import { splitExtensions } from './splitExtensions'
+import { callOrReturn } from '../utilities/callOrReturn'
+import { isEmptyObject } from '../utilities/isEmptyObject'
 import { getAttributesFromExtensions } from './getAttributesFromExtensions'
+import { getExtensionField } from './getExtensionField'
 import { getRenderedAttributes } from './getRenderedAttributes'
-import { isEmptyObject } from '../utilities/isEmptyObject'
 import { injectExtensionAttributesToParseRule } from './injectExtensionAttributesToParseRule'
-import { callOrReturn } from '../utilities/callOrReturn'
-import { getExtensionField } from './getExtensionField'
+import { splitExtensions } from './splitExtensions'
 
 function cleanUpSchemaItem<T>(data: T) {
   return Object.fromEntries(Object.entries(data).filter(([key, value]) => {
diff --git a/packages/core/src/helpers/getText.ts b/packages/core/src/helpers/getText.ts
index d774a552fb..05878a5302 100644
--- a/packages/core/src/helpers/getText.ts
+++ b/packages/core/src/helpers/getText.ts
@@ -1,5 +1,6 @@
-import { TextSerializer } from '../types'
 import { Node as ProseMirrorNode } from 'prosemirror-model'
+
+import { TextSerializer } from '../types'
 import { getTextBetween } from './getTextBetween'
 
 export function getText(
diff --git a/packages/core/src/helpers/getTextBetween.ts b/packages/core/src/helpers/getTextBetween.ts
index 3780874e11..dbc750a22a 100644
--- a/packages/core/src/helpers/getTextBetween.ts
+++ b/packages/core/src/helpers/getTextBetween.ts
@@ -1,6 +1,7 @@
-import { Range, TextSerializer } from '../types'
 import { Node as ProseMirrorNode } from 'prosemirror-model'
 
+import { Range, TextSerializer } from '../types'
+
 export function getTextBetween(
   startNode: ProseMirrorNode,
   range: Range,
@@ -34,7 +35,7 @@ export function getTextBetween(
         range,
       })
     } else if (node.isText) {
-      text += node?.text?.slice(Math.max(from, pos) - pos, to - pos)
+      text += node?.text?.slice(Math.max(from, pos) - pos, to - pos) // eslint-disable-line
       separated = false
     } else if (node.isBlock && !separated) {
       text += blockSeparator
diff --git a/packages/core/src/helpers/getTextSerializersFromSchema.ts b/packages/core/src/helpers/getTextSerializersFromSchema.ts
index eecede3b44..41d16ae816 100644
--- a/packages/core/src/helpers/getTextSerializersFromSchema.ts
+++ b/packages/core/src/helpers/getTextSerializersFromSchema.ts
@@ -1,4 +1,5 @@
 import { Schema } from 'prosemirror-model'
+
 import { TextSerializer } from '../types'
 
 export function getTextSerializersFromSchema(schema: Schema): Record<string, TextSerializer> {
diff --git a/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts b/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts
index b145f2db58..82ae99761f 100644
--- a/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts
+++ b/packages/core/src/helpers/injectExtensionAttributesToParseRule.ts
@@ -1,4 +1,5 @@
 import { ParseRule } from 'prosemirror-model'
+
 import { ExtensionAttribute } from '../types'
 import { fromString } from '../utilities/fromString'
 
diff --git a/packages/core/src/helpers/isActive.ts b/packages/core/src/helpers/isActive.ts
index ea898cf419..9398b7b416 100644
--- a/packages/core/src/helpers/isActive.ts
+++ b/packages/core/src/helpers/isActive.ts
@@ -1,7 +1,8 @@
 import { EditorState } from 'prosemirror-state'
-import { isNodeActive } from './isNodeActive'
-import { isMarkActive } from './isMarkActive'
+
 import { getSchemaTypeNameByName } from './getSchemaTypeNameByName'
+import { isMarkActive } from './isMarkActive'
+import { isNodeActive } from './isNodeActive'
 
 export function isActive(state: EditorState, name: string | null, attributes: Record<string, any> = {}): boolean {
   if (!name) {
diff --git a/packages/core/src/helpers/isList.ts b/packages/core/src/helpers/isList.ts
index f1c1335f88..87237845f9 100644
--- a/packages/core/src/helpers/isList.ts
+++ b/packages/core/src/helpers/isList.ts
@@ -1,8 +1,8 @@
-import { Extensions } from '../types'
 import { NodeConfig } from '..'
-import { splitExtensions } from './splitExtensions'
-import { callOrReturn } from '../utilities/callOrReturn'
 import { getExtensionField } from '../helpers/getExtensionField'
+import { Extensions } from '../types'
+import { callOrReturn } from '../utilities/callOrReturn'
+import { splitExtensions } from './splitExtensions'
 
 export function isList(name: string, extensions: Extensions): boolean {
   const { nodeExtensions } = splitExtensions(extensions)
diff --git a/packages/core/src/helpers/isMarkActive.ts b/packages/core/src/helpers/isMarkActive.ts
index d5a2f349bb..82802a8490 100644
--- a/packages/core/src/helpers/isMarkActive.ts
+++ b/packages/core/src/helpers/isMarkActive.ts
@@ -1,8 +1,9 @@
-import { EditorState } from 'prosemirror-state'
 import { MarkType } from 'prosemirror-model'
+import { EditorState } from 'prosemirror-state'
+
+import { MarkRange } from '../types'
 import { objectIncludes } from '../utilities/objectIncludes'
 import { getMarkType } from './getMarkType'
-import { MarkRange } from '../types'
 
 export function isMarkActive(
   state: EditorState,
diff --git a/packages/core/src/helpers/isNodeActive.ts b/packages/core/src/helpers/isNodeActive.ts
index b6c47827b9..5540388e7c 100644
--- a/packages/core/src/helpers/isNodeActive.ts
+++ b/packages/core/src/helpers/isNodeActive.ts
@@ -1,8 +1,9 @@
-import { EditorState } from 'prosemirror-state'
 import { NodeType } from 'prosemirror-model'
+import { EditorState } from 'prosemirror-state'
+
+import { NodeRange } from '../types'
 import { objectIncludes } from '../utilities/objectIncludes'
 import { getNodeType } from './getNodeType'
-import { NodeRange } from '../types'
 
 export function isNodeActive(
   state: EditorState,
diff --git a/packages/core/src/helpers/isNodeSelection.ts b/packages/core/src/helpers/isNodeSelection.ts
index 43a47a9a15..07ea50feae 100644
--- a/packages/core/src/helpers/isNodeSelection.ts
+++ b/packages/core/src/helpers/isNodeSelection.ts
@@ -1,4 +1,5 @@
 import { NodeSelection } from 'prosemirror-state'
+
 import { isObject } from '../utilities/isObject'
 
 export function isNodeSelection(value: unknown): value is NodeSelection {
diff --git a/packages/core/src/helpers/isTextSelection.ts b/packages/core/src/helpers/isTextSelection.ts
index 98542575fc..6724426cad 100644
--- a/packages/core/src/helpers/isTextSelection.ts
+++ b/packages/core/src/helpers/isTextSelection.ts
@@ -1,4 +1,5 @@
 import { TextSelection } from 'prosemirror-state'
+
 import { isObject } from '../utilities/isObject'
 
 export function isTextSelection(value: unknown): value is TextSelection {
diff --git a/packages/core/src/helpers/posToDOMRect.ts b/packages/core/src/helpers/posToDOMRect.ts
index 3beb336f76..8c061bd095 100644
--- a/packages/core/src/helpers/posToDOMRect.ts
+++ b/packages/core/src/helpers/posToDOMRect.ts
@@ -1,4 +1,5 @@
 import { EditorView } from 'prosemirror-view'
+
 import { minMax } from '../utilities/minMax'
 
 export function posToDOMRect(view: EditorView, from: number, to: number): DOMRect {
diff --git a/packages/core/src/helpers/resolveFocusPosition.ts b/packages/core/src/helpers/resolveFocusPosition.ts
index af7c9dc16e..f2b86574a1 100644
--- a/packages/core/src/helpers/resolveFocusPosition.ts
+++ b/packages/core/src/helpers/resolveFocusPosition.ts
@@ -1,5 +1,6 @@
 import { Node as ProseMirrorNode } from 'prosemirror-model'
 import { Selection, TextSelection } from 'prosemirror-state'
+
 import { FocusPosition } from '../types'
 import { minMax } from '../utilities/minMax'
 
diff --git a/packages/core/src/helpers/selectionToInsertionEnd.ts b/packages/core/src/helpers/selectionToInsertionEnd.ts
index 41d051a373..c55cf4f9bd 100644
--- a/packages/core/src/helpers/selectionToInsertionEnd.ts
+++ b/packages/core/src/helpers/selectionToInsertionEnd.ts
@@ -1,5 +1,5 @@
 import { Selection, Transaction } from 'prosemirror-state'
-import { ReplaceStep, ReplaceAroundStep } from 'prosemirror-transform'
+import { ReplaceAroundStep, ReplaceStep } from 'prosemirror-transform'
 
 // source: https://github.com/ProseMirror/prosemirror-state/blob/master/src/selection.js#L466
 export function selectionToInsertionEnd(tr: Transaction, startLen: number, bias: number) {
diff --git a/packages/core/src/helpers/splitExtensions.ts b/packages/core/src/helpers/splitExtensions.ts
index 34f02fa4a7..2914a3600f 100644
--- a/packages/core/src/helpers/splitExtensions.ts
+++ b/packages/core/src/helpers/splitExtensions.ts
@@ -1,7 +1,7 @@
-import { Extensions } from '../types'
 import { Extension } from '../Extension'
-import { Node } from '../Node'
 import { Mark } from '../Mark'
+import { Node } from '../Node'
+import { Extensions } from '../types'
 
 export function splitExtensions(extensions: Extensions) {
   const baseExtensions = extensions.filter(extension => extension.type === 'extension') as Extension[]
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index ecd47b8f98..7cc13b4de3 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -1,29 +1,9 @@
 import * as extensions from './extensions'
 
 export { extensions }
+export * from './CommandManager'
 export * from './Editor'
 export * from './Extension'
-export * from './Node'
-export * from './Mark'
-export * from './NodeView'
-export * from './Tracker'
-export * from './InputRule'
-export * from './PasteRule'
-export * from './CommandManager'
-export * from './types'
-
-export * from './inputRules/nodeInputRule'
-export * from './inputRules/markInputRule'
-export * from './inputRules/textblockTypeInputRule'
-export * from './inputRules/textInputRule'
-export * from './inputRules/wrappingInputRule'
-export * from './pasteRules/markPasteRule'
-export * from './pasteRules/textPasteRule'
-
-export * from './utilities/callOrReturn'
-export * from './utilities/escapeForRegEx'
-export * from './utilities/mergeAttributes'
-
 export * from './helpers/combineTransactionSteps'
 export * from './helpers/defaultBlockAt'
 export * from './helpers/findChildren'
@@ -57,6 +37,23 @@ export * from './helpers/isNodeEmpty'
 export * from './helpers/isNodeSelection'
 export * from './helpers/isTextSelection'
 export * from './helpers/posToDOMRect'
+export * from './InputRule'
+export * from './inputRules/markInputRule'
+export * from './inputRules/nodeInputRule'
+export * from './inputRules/textblockTypeInputRule'
+export * from './inputRules/textInputRule'
+export * from './inputRules/wrappingInputRule'
+export * from './Mark'
+export * from './Node'
+export * from './NodeView'
+export * from './PasteRule'
+export * from './pasteRules/markPasteRule'
+export * from './pasteRules/textPasteRule'
+export * from './Tracker'
+export * from './types'
+export * from './utilities/callOrReturn'
+export * from './utilities/escapeForRegEx'
+export * from './utilities/mergeAttributes'
 
 // eslint-disable-next-line
 export interface Commands<ReturnType = any> {}
diff --git a/packages/core/src/inputRules/markInputRule.ts b/packages/core/src/inputRules/markInputRule.ts
index faca667c0e..589aa52dd5 100644
--- a/packages/core/src/inputRules/markInputRule.ts
+++ b/packages/core/src/inputRules/markInputRule.ts
@@ -1,8 +1,9 @@
-import { InputRule, InputRuleFinder } from '../InputRule'
 import { MarkType } from 'prosemirror-model'
+
 import { getMarksBetween } from '../helpers/getMarksBetween'
-import { callOrReturn } from '../utilities/callOrReturn'
+import { InputRule, InputRuleFinder } from '../InputRule'
 import { ExtendedRegExpMatchArray } from '../types'
+import { callOrReturn } from '../utilities/callOrReturn'
 
 /**
  * Build an input rule that adds a mark when the
diff --git a/packages/core/src/inputRules/nodeInputRule.ts b/packages/core/src/inputRules/nodeInputRule.ts
index 0dc14da4e8..8fc1a2310a 100644
--- a/packages/core/src/inputRules/nodeInputRule.ts
+++ b/packages/core/src/inputRules/nodeInputRule.ts
@@ -1,4 +1,5 @@
 import { NodeType } from 'prosemirror-model'
+
 import { InputRule, InputRuleFinder } from '../InputRule'
 import { ExtendedRegExpMatchArray } from '../types'
 import { callOrReturn } from '../utilities/callOrReturn'
diff --git a/packages/core/src/inputRules/textblockTypeInputRule.ts b/packages/core/src/inputRules/textblockTypeInputRule.ts
index f879082d7a..e2f030b878 100644
--- a/packages/core/src/inputRules/textblockTypeInputRule.ts
+++ b/packages/core/src/inputRules/textblockTypeInputRule.ts
@@ -1,5 +1,6 @@
-import { InputRule, InputRuleFinder } from '../InputRule'
 import { NodeType } from 'prosemirror-model'
+
+import { InputRule, InputRuleFinder } from '../InputRule'
 import { ExtendedRegExpMatchArray } from '../types'
 import { callOrReturn } from '../utilities/callOrReturn'
 
diff --git a/packages/core/src/inputRules/wrappingInputRule.ts b/packages/core/src/inputRules/wrappingInputRule.ts
index ba540e6aa1..380a824f11 100644
--- a/packages/core/src/inputRules/wrappingInputRule.ts
+++ b/packages/core/src/inputRules/wrappingInputRule.ts
@@ -1,6 +1,7 @@
+import { Node as ProseMirrorNode, NodeType } from 'prosemirror-model'
+import { canJoin, findWrapping } from 'prosemirror-transform'
+
 import { InputRule, InputRuleFinder } from '../InputRule'
-import { NodeType, Node as ProseMirrorNode } from 'prosemirror-model'
-import { findWrapping, canJoin } from 'prosemirror-transform'
 import { ExtendedRegExpMatchArray } from '../types'
 import { callOrReturn } from '../utilities/callOrReturn'
 
diff --git a/packages/core/src/pasteRules/markPasteRule.ts b/packages/core/src/pasteRules/markPasteRule.ts
index f4949b32fb..6aa2c21848 100644
--- a/packages/core/src/pasteRules/markPasteRule.ts
+++ b/packages/core/src/pasteRules/markPasteRule.ts
@@ -1,8 +1,9 @@
-import { PasteRule, PasteRuleFinder } from '../PasteRule'
 import { MarkType } from 'prosemirror-model'
+
 import { getMarksBetween } from '../helpers/getMarksBetween'
-import { callOrReturn } from '../utilities/callOrReturn'
+import { PasteRule, PasteRuleFinder } from '../PasteRule'
 import { ExtendedRegExpMatchArray } from '../types'
+import { callOrReturn } from '../utilities/callOrReturn'
 
 /**
  * Build an paste rule that adds a mark when the
diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
index 7320aaa5fd..d68e81e770 100644
--- a/packages/core/src/types.ts
+++ b/packages/core/src/types.ts
@@ -1,25 +1,26 @@
 import {
-  Node as ProseMirrorNode,
   Mark as ProseMirrorMark,
+  Node as ProseMirrorNode,
   ParseOptions,
 } from 'prosemirror-model'
+import { EditorState, Transaction } from 'prosemirror-state'
 import {
-  EditorView,
   Decoration,
-  NodeView,
   EditorProps,
+  EditorView,
+  NodeView,
 } from 'prosemirror-view'
-import { EditorState, Transaction } from 'prosemirror-state'
-import { Extension } from './Extension'
-import { Node } from './Node'
-import { Mark } from './Mark'
-import { Editor } from './Editor'
+
 import {
   Commands,
   ExtensionConfig,
-  NodeConfig,
   MarkConfig,
+  NodeConfig,
 } from '.'
+import { Editor } from './Editor'
+import { Extension } from './Extension'
+import { Mark } from './Mark'
+import { Node } from './Node'
 
 export type AnyConfig = ExtensionConfig | NodeConfig | MarkConfig
 export type AnyExtension = Extension | Node | Mark
diff --git a/packages/extension-blockquote/src/blockquote.ts b/packages/extension-blockquote/src/blockquote.ts
index 734ab881d7..4ff6a19d51 100644
--- a/packages/extension-blockquote/src/blockquote.ts
+++ b/packages/extension-blockquote/src/blockquote.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes, wrappingInputRule } from '@tiptap/core'
+import { mergeAttributes, Node, wrappingInputRule } from '@tiptap/core'
 
 export interface BlockquoteOptions {
   HTMLAttributes: Record<string, any>,
diff --git a/packages/extension-bubble-menu/src/bubble-menu-plugin.ts b/packages/extension-bubble-menu/src/bubble-menu-plugin.ts
index 14872a03ea..adb941828e 100644
--- a/packages/extension-bubble-menu/src/bubble-menu-plugin.ts
+++ b/packages/extension-bubble-menu/src/bubble-menu-plugin.ts
@@ -1,8 +1,8 @@
 import {
   Editor,
-  posToDOMRect,
-  isTextSelection,
   isNodeSelection,
+  isTextSelection,
+  posToDOMRect,
 } from '@tiptap/core'
 import { EditorState, Plugin, PluginKey } from 'prosemirror-state'
 import { EditorView } from 'prosemirror-view'
diff --git a/packages/extension-bubble-menu/src/bubble-menu.ts b/packages/extension-bubble-menu/src/bubble-menu.ts
index 18ebe05a09..e3cf547560 100644
--- a/packages/extension-bubble-menu/src/bubble-menu.ts
+++ b/packages/extension-bubble-menu/src/bubble-menu.ts
@@ -1,4 +1,5 @@
 import { Extension } from '@tiptap/core'
+
 import { BubbleMenuPlugin, BubbleMenuPluginProps } from './bubble-menu-plugin'
 
 export type BubbleMenuOptions = Omit<BubbleMenuPluginProps, 'editor' | 'element'> & {
diff --git a/packages/extension-bullet-list/src/bullet-list.ts b/packages/extension-bullet-list/src/bullet-list.ts
index ef3aa2938b..7c6ab14a98 100644
--- a/packages/extension-bullet-list/src/bullet-list.ts
+++ b/packages/extension-bullet-list/src/bullet-list.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes, wrappingInputRule } from '@tiptap/core'
+import { mergeAttributes, Node, wrappingInputRule } from '@tiptap/core'
 
 export interface BulletListOptions {
   itemTypeName: string,
diff --git a/packages/extension-character-count/src/character-count.ts b/packages/extension-character-count/src/character-count.ts
index 0a1a8f5b37..74651f0e7a 100644
--- a/packages/extension-character-count/src/character-count.ts
+++ b/packages/extension-character-count/src/character-count.ts
@@ -1,6 +1,6 @@
 import { Extension } from '@tiptap/core'
-import { Plugin, PluginKey } from 'prosemirror-state'
 import { Node as ProseMirrorNode } from 'prosemirror-model'
+import { Plugin, PluginKey } from 'prosemirror-state'
 
 export interface CharacterCountOptions {
   /**
diff --git a/packages/extension-code-block-lowlight/src/code-block-lowlight.ts b/packages/extension-code-block-lowlight/src/code-block-lowlight.ts
index c2d5c90797..f82f023b55 100644
--- a/packages/extension-code-block-lowlight/src/code-block-lowlight.ts
+++ b/packages/extension-code-block-lowlight/src/code-block-lowlight.ts
@@ -1,4 +1,5 @@
 import CodeBlock, { CodeBlockOptions } from '@tiptap/extension-code-block'
+
 import { LowlightPlugin } from './lowlight-plugin'
 
 export interface CodeBlockLowlightOptions extends CodeBlockOptions {
diff --git a/packages/extension-code-block-lowlight/src/lowlight-plugin.ts b/packages/extension-code-block-lowlight/src/lowlight-plugin.ts
index 333d87fce5..d16228a1d5 100644
--- a/packages/extension-code-block-lowlight/src/lowlight-plugin.ts
+++ b/packages/extension-code-block-lowlight/src/lowlight-plugin.ts
@@ -1,7 +1,7 @@
+import { findChildren } from '@tiptap/core'
+import { Node as ProsemirrorNode } from 'prosemirror-model'
 import { Plugin, PluginKey } from 'prosemirror-state'
 import { Decoration, DecorationSet } from 'prosemirror-view'
-import { Node as ProsemirrorNode } from 'prosemirror-model'
-import { findChildren } from '@tiptap/core'
 
 function parseNodes(nodes: any[], className: string[] = []): { text: string, classes: string[] }[] {
   return nodes
diff --git a/packages/extension-code-block/src/code-block.ts b/packages/extension-code-block/src/code-block.ts
index bd7632e714..fec3461bfe 100644
--- a/packages/extension-code-block/src/code-block.ts
+++ b/packages/extension-code-block/src/code-block.ts
@@ -1,4 +1,4 @@
-import { Node, textblockTypeInputRule, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node, textblockTypeInputRule } from '@tiptap/core'
 import { Plugin, PluginKey, TextSelection } from 'prosemirror-state'
 
 export interface CodeBlockOptions {
diff --git a/packages/extension-collaboration-cursor/src/collaboration-cursor.ts b/packages/extension-collaboration-cursor/src/collaboration-cursor.ts
index 4c6bed52c9..792a20897a 100644
--- a/packages/extension-collaboration-cursor/src/collaboration-cursor.ts
+++ b/packages/extension-collaboration-cursor/src/collaboration-cursor.ts
@@ -103,21 +103,23 @@ export const CollaborationCursor = Extension.create<CollaborationCursorOptions,
 
   addProseMirrorPlugins() {
     return [
-      yCursorPlugin((() => {
-        this.options.provider.awareness.setLocalStateField('user', this.options.user)
-
-        this.storage.users = awarenessStatesToArray(this.options.provider.awareness.states)
+      yCursorPlugin(
+        (() => {
+          this.options.provider.awareness.setLocalStateField('user', this.options.user)
 
-        this.options.provider.awareness.on('update', () => {
           this.storage.users = awarenessStatesToArray(this.options.provider.awareness.states)
-        })
-
-        return this.options.provider.awareness
-      })(),
-      // @ts-ignore
-      {
-        cursorBuilder: this.options.render,
-      }),
+
+          this.options.provider.awareness.on('update', () => {
+            this.storage.users = awarenessStatesToArray(this.options.provider.awareness.states)
+          })
+
+          return this.options.provider.awareness
+        })(),
+        // @ts-ignore
+        {
+          cursorBuilder: this.options.render,
+        },
+      ),
     ]
   },
 })
diff --git a/packages/extension-collaboration/src/collaboration.ts b/packages/extension-collaboration/src/collaboration.ts
index 8f04ade03c..d8a9184087 100644
--- a/packages/extension-collaboration/src/collaboration.ts
+++ b/packages/extension-collaboration/src/collaboration.ts
@@ -1,5 +1,4 @@
 import { Extension } from '@tiptap/core'
-import { UndoManager } from 'yjs'
 import {
   redo,
   undo,
@@ -7,6 +6,7 @@ import {
   yUndoPlugin,
   yUndoPluginKey,
 } from 'y-prosemirror'
+import { UndoManager } from 'yjs'
 
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
diff --git a/packages/extension-collaboration/src/helpers/isChangeOrigin.ts b/packages/extension-collaboration/src/helpers/isChangeOrigin.ts
index 285ec21d03..e281148d69 100644
--- a/packages/extension-collaboration/src/helpers/isChangeOrigin.ts
+++ b/packages/extension-collaboration/src/helpers/isChangeOrigin.ts
@@ -1,5 +1,5 @@
-import { ySyncPluginKey } from 'y-prosemirror'
 import { Transaction } from 'prosemirror-state'
+import { ySyncPluginKey } from 'y-prosemirror'
 
 export function isChangeOrigin(transaction: Transaction): boolean {
   return !!transaction.getMeta(ySyncPluginKey)
diff --git a/packages/extension-color/src/color.ts b/packages/extension-color/src/color.ts
index a99aa05fdf..7ccea3805e 100644
--- a/packages/extension-color/src/color.ts
+++ b/packages/extension-color/src/color.ts
@@ -1,6 +1,7 @@
-import { Extension } from '@tiptap/core'
 import '@tiptap/extension-text-style'
 
+import { Extension } from '@tiptap/core'
+
 export type ColorOptions = {
   types: string[],
 }
diff --git a/packages/extension-floating-menu/src/floating-menu.ts b/packages/extension-floating-menu/src/floating-menu.ts
index bcd871cab7..770c409ea2 100644
--- a/packages/extension-floating-menu/src/floating-menu.ts
+++ b/packages/extension-floating-menu/src/floating-menu.ts
@@ -1,4 +1,5 @@
 import { Extension } from '@tiptap/core'
+
 import { FloatingMenuPlugin, FloatingMenuPluginProps } from './floating-menu-plugin'
 
 export type FloatingMenuOptions = Omit<FloatingMenuPluginProps, 'editor' | 'element'> & {
diff --git a/packages/extension-focus/src/focus.ts b/packages/extension-focus/src/focus.ts
index 7a068bbe13..6e1d8f26fd 100644
--- a/packages/extension-focus/src/focus.ts
+++ b/packages/extension-focus/src/focus.ts
@@ -1,6 +1,6 @@
 import { Extension } from '@tiptap/core'
 import { Plugin, PluginKey } from 'prosemirror-state'
-import { DecorationSet, Decoration } from 'prosemirror-view'
+import { Decoration, DecorationSet } from 'prosemirror-view'
 
 export interface FocusOptions {
   className: string,
diff --git a/packages/extension-font-family/src/font-family.ts b/packages/extension-font-family/src/font-family.ts
index 0a69904057..0e29cb6b19 100644
--- a/packages/extension-font-family/src/font-family.ts
+++ b/packages/extension-font-family/src/font-family.ts
@@ -1,6 +1,7 @@
-import { Extension } from '@tiptap/core'
 import '@tiptap/extension-text-style'
 
+import { Extension } from '@tiptap/core'
+
 export type FontFamilyOptions = {
   types: string[],
 }
diff --git a/packages/extension-gapcursor/src/gapcursor.ts b/packages/extension-gapcursor/src/gapcursor.ts
index 686b3302cf..0ec66b4d98 100644
--- a/packages/extension-gapcursor/src/gapcursor.ts
+++ b/packages/extension-gapcursor/src/gapcursor.ts
@@ -1,6 +1,6 @@
 import {
-  Extension,
   callOrReturn,
+  Extension,
   getExtensionField,
   ParentConfig,
 } from '@tiptap/core'
diff --git a/packages/extension-hard-break/src/hard-break.ts b/packages/extension-hard-break/src/hard-break.ts
index 46a0afa7dc..34ff153767 100644
--- a/packages/extension-hard-break/src/hard-break.ts
+++ b/packages/extension-hard-break/src/hard-break.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
 export interface HardBreakOptions {
   keepMarks: boolean,
diff --git a/packages/extension-heading/src/heading.ts b/packages/extension-heading/src/heading.ts
index 5a3c285f72..cecde59f45 100644
--- a/packages/extension-heading/src/heading.ts
+++ b/packages/extension-heading/src/heading.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes, textblockTypeInputRule } from '@tiptap/core'
+import { mergeAttributes, Node, textblockTypeInputRule } from '@tiptap/core'
 
 export type Level = 1 | 2 | 3 | 4 | 5 | 6
 
diff --git a/packages/extension-history/src/history.ts b/packages/extension-history/src/history.ts
index c3dd685221..9f6919fa6f 100644
--- a/packages/extension-history/src/history.ts
+++ b/packages/extension-history/src/history.ts
@@ -1,5 +1,5 @@
 import { Extension } from '@tiptap/core'
-import { history, undo, redo } from 'prosemirror-history'
+import { history, redo, undo } from 'prosemirror-history'
 
 export interface HistoryOptions {
   depth: number,
diff --git a/packages/extension-horizontal-rule/src/horizontal-rule.ts b/packages/extension-horizontal-rule/src/horizontal-rule.ts
index c905b63fa4..1f5c89734e 100644
--- a/packages/extension-horizontal-rule/src/horizontal-rule.ts
+++ b/packages/extension-horizontal-rule/src/horizontal-rule.ts
@@ -1,7 +1,7 @@
 import {
+  mergeAttributes,
   Node,
   nodeInputRule,
-  mergeAttributes,
 } from '@tiptap/core'
 import { TextSelection } from 'prosemirror-state'
 
diff --git a/packages/extension-image/src/image.ts b/packages/extension-image/src/image.ts
index e84314dd17..d4547ca946 100644
--- a/packages/extension-image/src/image.ts
+++ b/packages/extension-image/src/image.ts
@@ -1,7 +1,7 @@
 import {
+  mergeAttributes,
   Node,
   nodeInputRule,
-  mergeAttributes,
 } from '@tiptap/core'
 
 export interface ImageOptions {
diff --git a/packages/extension-link/src/helpers/autolink.ts b/packages/extension-link/src/helpers/autolink.ts
index f413792bb5..6b48c0af73 100644
--- a/packages/extension-link/src/helpers/autolink.ts
+++ b/packages/extension-link/src/helpers/autolink.ts
@@ -1,13 +1,12 @@
-import { find, test } from 'linkifyjs'
-import { MarkType } from 'prosemirror-model'
-import { Plugin, PluginKey } from 'prosemirror-state'
-
 import {
   combineTransactionSteps,
   findChildrenInRange,
   getChangedRanges,
   getMarksBetween,
 } from '@tiptap/core'
+import { find, test } from 'linkifyjs'
+import { MarkType } from 'prosemirror-model'
+import { Plugin, PluginKey } from 'prosemirror-state'
 
 type AutolinkOptions = {
   type: MarkType,
diff --git a/packages/extension-link/src/helpers/clickHandler.ts b/packages/extension-link/src/helpers/clickHandler.ts
index 209412e653..c74313e9f0 100644
--- a/packages/extension-link/src/helpers/clickHandler.ts
+++ b/packages/extension-link/src/helpers/clickHandler.ts
@@ -1,6 +1,6 @@
 import { getAttributes } from '@tiptap/core'
-import { Plugin, PluginKey } from 'prosemirror-state'
 import { MarkType } from 'prosemirror-model'
+import { Plugin, PluginKey } from 'prosemirror-state'
 
 type ClickHandlerOptions = {
   type: MarkType,
diff --git a/packages/extension-link/src/helpers/pasteHandler.ts b/packages/extension-link/src/helpers/pasteHandler.ts
index f6aa323d31..6fd31b8296 100644
--- a/packages/extension-link/src/helpers/pasteHandler.ts
+++ b/packages/extension-link/src/helpers/pasteHandler.ts
@@ -1,9 +1,8 @@
+import { Editor } from '@tiptap/core'
 import { find } from 'linkifyjs'
 import { MarkType } from 'prosemirror-model'
 import { Plugin, PluginKey } from 'prosemirror-state'
 
-import { Editor } from '@tiptap/core'
-
 type PasteHandlerOptions = {
   editor: Editor,
   type: MarkType,
diff --git a/packages/extension-link/src/link.ts b/packages/extension-link/src/link.ts
index 4dc38b5858..28d1e7987c 100644
--- a/packages/extension-link/src/link.ts
+++ b/packages/extension-link/src/link.ts
@@ -1,6 +1,5 @@
-import { find, registerCustomProtocol } from 'linkifyjs'
-
 import { Mark, markPasteRule, mergeAttributes } from '@tiptap/core'
+import { find, registerCustomProtocol } from 'linkifyjs'
 
 import { autolink } from './helpers/autolink'
 import { clickHandler } from './helpers/clickHandler'
diff --git a/packages/extension-list-item/src/list-item.ts b/packages/extension-list-item/src/list-item.ts
index cf3ea4510a..3661638baa 100644
--- a/packages/extension-list-item/src/list-item.ts
+++ b/packages/extension-list-item/src/list-item.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
 export interface ListItemOptions {
   HTMLAttributes: Record<string, any>,
diff --git a/packages/extension-mention/src/mention.ts b/packages/extension-mention/src/mention.ts
index 75a9e38414..08f0675818 100644
--- a/packages/extension-mention/src/mention.ts
+++ b/packages/extension-mention/src/mention.ts
@@ -1,7 +1,7 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
+import Suggestion, { SuggestionOptions } from '@tiptap/suggestion'
 import { Node as ProseMirrorNode } from 'prosemirror-model'
 import { PluginKey } from 'prosemirror-state'
-import Suggestion, { SuggestionOptions } from '@tiptap/suggestion'
 
 export type MentionOptions = {
   HTMLAttributes: Record<string, any>,
diff --git a/packages/extension-ordered-list/src/ordered-list.ts b/packages/extension-ordered-list/src/ordered-list.ts
index c451bc82f3..6dd181fa2a 100644
--- a/packages/extension-ordered-list/src/ordered-list.ts
+++ b/packages/extension-ordered-list/src/ordered-list.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes, wrappingInputRule } from '@tiptap/core'
+import { mergeAttributes, Node, wrappingInputRule } from '@tiptap/core'
 
 export interface OrderedListOptions {
   itemTypeName: string,
diff --git a/packages/extension-paragraph/src/paragraph.ts b/packages/extension-paragraph/src/paragraph.ts
index d442fd53bd..5f707511b1 100644
--- a/packages/extension-paragraph/src/paragraph.ts
+++ b/packages/extension-paragraph/src/paragraph.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
 export interface ParagraphOptions {
   HTMLAttributes: Record<string, any>,
diff --git a/packages/extension-placeholder/src/placeholder.ts b/packages/extension-placeholder/src/placeholder.ts
index 1ecd8398c1..71ce6b8343 100644
--- a/packages/extension-placeholder/src/placeholder.ts
+++ b/packages/extension-placeholder/src/placeholder.ts
@@ -1,7 +1,7 @@
 import { Editor, Extension } from '@tiptap/core'
 import { Node as ProsemirrorNode } from 'prosemirror-model'
-import { Decoration, DecorationSet } from 'prosemirror-view'
 import { Plugin } from 'prosemirror-state'
+import { Decoration, DecorationSet } from 'prosemirror-view'
 
 export interface PlaceholderOptions {
   emptyEditorClass: string,
diff --git a/packages/extension-table-cell/src/table-cell.ts b/packages/extension-table-cell/src/table-cell.ts
index a726cb83c0..08d0b9d6af 100644
--- a/packages/extension-table-cell/src/table-cell.ts
+++ b/packages/extension-table-cell/src/table-cell.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
 export interface TableCellOptions {
   HTMLAttributes: Record<string, any>,
diff --git a/packages/extension-table-header/src/table-header.ts b/packages/extension-table-header/src/table-header.ts
index f88301fde6..b7ba9faabc 100644
--- a/packages/extension-table-header/src/table-header.ts
+++ b/packages/extension-table-header/src/table-header.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
 export interface TableHeaderOptions {
   HTMLAttributes: Record<string, any>,
diff --git a/packages/extension-table-row/src/table-row.ts b/packages/extension-table-row/src/table-row.ts
index 2c56c1a4cc..03356b880c 100644
--- a/packages/extension-table-row/src/table-row.ts
+++ b/packages/extension-table-row/src/table-row.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
 export interface TableRowOptions {
   HTMLAttributes: Record<string, any>,
diff --git a/packages/extension-table/src/TableView.ts b/packages/extension-table/src/TableView.ts
index d9640b8ca5..c37e531522 100644
--- a/packages/extension-table/src/TableView.ts
+++ b/packages/extension-table/src/TableView.ts
@@ -1,6 +1,6 @@
 // @ts-nocheck
-import { NodeView } from 'prosemirror-view'
 import { Node as ProseMirrorNode } from 'prosemirror-model'
+import { NodeView } from 'prosemirror-view'
 
 export function updateColumns(node: ProseMirrorNode, colgroup: Element, table: Element, cellMinWidth: number, overrideCol?: number, overrideValue?: any) {
   let totalWidth = 0
diff --git a/packages/extension-table/src/table.ts b/packages/extension-table/src/table.ts
index 5211f11fea..d4250eb0e2 100644
--- a/packages/extension-table/src/table.ts
+++ b/packages/extension-table/src/table.ts
@@ -1,34 +1,35 @@
 import {
+  callOrReturn,
+  getExtensionField,
+  mergeAttributes,
   Node,
   ParentConfig,
-  mergeAttributes,
-  getExtensionField,
-  callOrReturn,
 } from '@tiptap/core'
+import { TextSelection } from 'prosemirror-state'
 import {
-  tableEditing,
-  columnResizing,
-  goToNextCell,
-  addColumnBefore,
   addColumnAfter,
-  deleteColumn,
-  addRowBefore,
+  addColumnBefore,
   addRowAfter,
+  addRowBefore,
+  CellSelection,
+  columnResizing,
+  deleteColumn,
   deleteRow,
   deleteTable,
+  fixTables,
+  goToNextCell,
   mergeCells,
+  setCellAttr,
   splitCell,
+  tableEditing,
   toggleHeader,
   toggleHeaderCell,
-  setCellAttr,
-  fixTables,
-  CellSelection,
 } from 'prosemirror-tables'
 import { NodeView } from 'prosemirror-view'
-import { TextSelection } from 'prosemirror-state'
+
+import { TableView } from './TableView'
 import { createTable } from './utilities/createTable'
 import { deleteTableWhenAllCellsSelected } from './utilities/deleteTableWhenAllCellsSelected'
-import { TableView } from './TableView'
 
 export interface TableOptions {
   HTMLAttributes: Record<string, any>,
diff --git a/packages/extension-table/src/utilities/createCell.ts b/packages/extension-table/src/utilities/createCell.ts
index 65d52df313..66398dcc19 100644
--- a/packages/extension-table/src/utilities/createCell.ts
+++ b/packages/extension-table/src/utilities/createCell.ts
@@ -1,7 +1,7 @@
 import {
-  NodeType, Fragment,
+  Fragment,
   Node as ProsemirrorNode,
-  Schema,
+  NodeType, Schema,
 } from 'prosemirror-model'
 
 export function createCell(cellType: NodeType, cellContent?: Fragment<Schema> | ProsemirrorNode<Schema> | Array<ProsemirrorNode<Schema>>): ProsemirrorNode | null | undefined {
diff --git a/packages/extension-table/src/utilities/createTable.ts b/packages/extension-table/src/utilities/createTable.ts
index 812fc49120..8d6c5fcb58 100644
--- a/packages/extension-table/src/utilities/createTable.ts
+++ b/packages/extension-table/src/utilities/createTable.ts
@@ -1,4 +1,5 @@
-import { Schema, Fragment, Node as ProsemirrorNode } from 'prosemirror-model'
+import { Fragment, Node as ProsemirrorNode, Schema } from 'prosemirror-model'
+
 import { createCell } from './createCell'
 import { getTableNodeTypes } from './getTableNodeTypes'
 
diff --git a/packages/extension-table/src/utilities/deleteTableWhenAllCellsSelected.ts b/packages/extension-table/src/utilities/deleteTableWhenAllCellsSelected.ts
index 8167f5c1c8..50ebaeee83 100644
--- a/packages/extension-table/src/utilities/deleteTableWhenAllCellsSelected.ts
+++ b/packages/extension-table/src/utilities/deleteTableWhenAllCellsSelected.ts
@@ -1,4 +1,5 @@
-import { KeyboardShortcutCommand, findParentNodeClosestToPos } from '@tiptap/core'
+import { findParentNodeClosestToPos, KeyboardShortcutCommand } from '@tiptap/core'
+
 import { isCellSelection } from './isCellSelection'
 
 export const deleteTableWhenAllCellsSelected: KeyboardShortcutCommand = ({ editor }) => {
diff --git a/packages/extension-table/src/utilities/getTableNodeTypes.ts b/packages/extension-table/src/utilities/getTableNodeTypes.ts
index 38010a96a6..489e201cf5 100644
--- a/packages/extension-table/src/utilities/getTableNodeTypes.ts
+++ b/packages/extension-table/src/utilities/getTableNodeTypes.ts
@@ -1,4 +1,4 @@
-import { Schema, NodeType } from 'prosemirror-model'
+import { NodeType, Schema } from 'prosemirror-model'
 
 export function getTableNodeTypes(schema: Schema): { [key: string]: NodeType } {
   if (schema.cached.tableNodeTypes) {
diff --git a/packages/extension-task-item/src/task-item.ts b/packages/extension-task-item/src/task-item.ts
index 4a99914ac3..8ff6583fb5 100644
--- a/packages/extension-task-item/src/task-item.ts
+++ b/packages/extension-task-item/src/task-item.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes, wrappingInputRule } from '@tiptap/core'
+import { mergeAttributes, Node, wrappingInputRule } from '@tiptap/core'
 import { Node as ProseMirrorNode } from 'prosemirror-model'
 
 export interface TaskItemOptions {
diff --git a/packages/extension-task-list/src/task-list.ts b/packages/extension-task-list/src/task-list.ts
index 2cb28a7bc1..7e752bc879 100644
--- a/packages/extension-task-list/src/task-list.ts
+++ b/packages/extension-task-list/src/task-list.ts
@@ -1,4 +1,4 @@
-import { Node, mergeAttributes } from '@tiptap/core'
+import { mergeAttributes, Node } from '@tiptap/core'
 
 export interface TaskListOptions {
   itemTypeName: string,
diff --git a/packages/extension-text-style/src/text-style.ts b/packages/extension-text-style/src/text-style.ts
index dc9454a258..23e09e5294 100644
--- a/packages/extension-text-style/src/text-style.ts
+++ b/packages/extension-text-style/src/text-style.ts
@@ -1,6 +1,6 @@
 import {
-  Mark,
   getMarkAttributes,
+  Mark,
   mergeAttributes,
 } from '@tiptap/core'
 
diff --git a/packages/html/src/generateHTML.ts b/packages/html/src/generateHTML.ts
index 9fec8cb4bf..09b8970ec4 100644
--- a/packages/html/src/generateHTML.ts
+++ b/packages/html/src/generateHTML.ts
@@ -1,5 +1,6 @@
 import { Extensions, getSchema, JSONContent } from '@tiptap/core'
 import { Node } from 'prosemirror-model'
+
 import { getHTMLFromFragment } from './getHTMLFromFragment'
 
 export function generateHTML(doc: JSONContent, extensions: Extensions): string {
diff --git a/packages/html/src/generateJSON.ts b/packages/html/src/generateJSON.ts
index 7f8a0ba46b..177c9c2c70 100644
--- a/packages/html/src/generateJSON.ts
+++ b/packages/html/src/generateJSON.ts
@@ -1,5 +1,5 @@
+import { Extensions, getSchema } from '@tiptap/core'
 import { DOMParser } from 'prosemirror-model'
-import { getSchema, Extensions } from '@tiptap/core'
 import { parseHTML } from 'zeed-dom'
 
 export function generateJSON(html: string, extensions: Extensions): Record<string, any> {
diff --git a/packages/html/src/getHTMLFromFragment.ts b/packages/html/src/getHTMLFromFragment.ts
index 96b7a7771c..0b385fe109 100644
--- a/packages/html/src/getHTMLFromFragment.ts
+++ b/packages/html/src/getHTMLFromFragment.ts
@@ -1,4 +1,4 @@
-import { Node, DOMSerializer, Schema } from 'prosemirror-model'
+import { DOMSerializer, Node, Schema } from 'prosemirror-model'
 import { createHTMLDocument, VHTMLDocument } from 'zeed-dom'
 
 export function getHTMLFromFragment(doc: Node, schema: Schema): string {
diff --git a/packages/react/src/BubbleMenu.tsx b/packages/react/src/BubbleMenu.tsx
index 59eed04403..eb7f82ac52 100644
--- a/packages/react/src/BubbleMenu.tsx
+++ b/packages/react/src/BubbleMenu.tsx
@@ -1,7 +1,7 @@
+import { BubbleMenuPlugin, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
 import React, {
   useEffect, useState,
 } from 'react'
-import { BubbleMenuPlugin, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
 
 type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
 
diff --git a/packages/react/src/Editor.ts b/packages/react/src/Editor.ts
index 06614c23ff..705c68962f 100644
--- a/packages/react/src/Editor.ts
+++ b/packages/react/src/Editor.ts
@@ -1,5 +1,6 @@
-import React from 'react'
 import { Editor as CoreEditor } from '@tiptap/core'
+import React from 'react'
+
 import { EditorContentProps, EditorContentState } from './EditorContent'
 
 export class Editor extends CoreEditor {
diff --git a/packages/react/src/EditorContent.tsx b/packages/react/src/EditorContent.tsx
index 712c3f29b2..d77b040568 100644
--- a/packages/react/src/EditorContent.tsx
+++ b/packages/react/src/EditorContent.tsx
@@ -1,5 +1,6 @@
 import React, { HTMLProps } from 'react'
 import ReactDOM from 'react-dom'
+
 import { Editor } from './Editor'
 import { ReactRenderer } from './ReactRenderer'
 
diff --git a/packages/react/src/FloatingMenu.tsx b/packages/react/src/FloatingMenu.tsx
index f94dcaa847..f5f147a73d 100644
--- a/packages/react/src/FloatingMenu.tsx
+++ b/packages/react/src/FloatingMenu.tsx
@@ -1,7 +1,7 @@
+import { FloatingMenuPlugin, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
 import React, {
   useEffect, useState,
 } from 'react'
-import { FloatingMenuPlugin, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
 
 type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>
 
diff --git a/packages/react/src/NodeViewContent.tsx b/packages/react/src/NodeViewContent.tsx
index 03ab6c55cf..01089cd480 100644
--- a/packages/react/src/NodeViewContent.tsx
+++ b/packages/react/src/NodeViewContent.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+
 import { useReactNodeView } from './useReactNodeView'
 
 export interface NodeViewContentProps {
diff --git a/packages/react/src/NodeViewWrapper.tsx b/packages/react/src/NodeViewWrapper.tsx
index 23fc8b4380..971a9c8e3c 100644
--- a/packages/react/src/NodeViewWrapper.tsx
+++ b/packages/react/src/NodeViewWrapper.tsx
@@ -1,4 +1,5 @@
 import React from 'react'
+
 import { useReactNodeView } from './useReactNodeView'
 
 export interface NodeViewWrapperProps {
diff --git a/packages/react/src/ReactNodeViewRenderer.tsx b/packages/react/src/ReactNodeViewRenderer.tsx
index a8b4ac3b83..4d6d89dbaa 100644
--- a/packages/react/src/ReactNodeViewRenderer.tsx
+++ b/packages/react/src/ReactNodeViewRenderer.tsx
@@ -1,13 +1,14 @@
-import React from 'react'
 import {
   NodeView,
   NodeViewProps,
   NodeViewRenderer,
-  NodeViewRendererProps,
   NodeViewRendererOptions,
+  NodeViewRendererProps,
 } from '@tiptap/core'
-import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'
 import { Node as ProseMirrorNode } from 'prosemirror-model'
+import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'
+import React from 'react'
+
 import { Editor } from './Editor'
 import { ReactRenderer } from './ReactRenderer'
 import { ReactNodeViewContext, ReactNodeViewContextProps } from './useReactNodeView'
diff --git a/packages/react/src/ReactRenderer.tsx b/packages/react/src/ReactRenderer.tsx
index f5e6bb8561..da96252873 100644
--- a/packages/react/src/ReactRenderer.tsx
+++ b/packages/react/src/ReactRenderer.tsx
@@ -1,5 +1,6 @@
-import React from 'react'
 import { Editor } from '@tiptap/core'
+import React from 'react'
+
 import { Editor as ExtendedEditor } from './Editor'
 
 function isClassComponent(Component: any) {
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 6d1627afa0..19e6d22fdc 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,10 +1,10 @@
-export * from '@tiptap/core'
 export * from './BubbleMenu'
 export { Editor } from './Editor'
-export * from './FloatingMenu'
-export * from './useEditor'
-export * from './ReactRenderer'
-export * from './ReactNodeViewRenderer'
 export * from './EditorContent'
-export * from './NodeViewWrapper'
+export * from './FloatingMenu'
 export * from './NodeViewContent'
+export * from './NodeViewWrapper'
+export * from './ReactNodeViewRenderer'
+export * from './ReactRenderer'
+export * from './useEditor'
+export * from '@tiptap/core'
diff --git a/packages/react/src/useEditor.ts b/packages/react/src/useEditor.ts
index 32896f235d..883a4a2301 100644
--- a/packages/react/src/useEditor.ts
+++ b/packages/react/src/useEditor.ts
@@ -1,5 +1,6 @@
-import { useState, useEffect, DependencyList } from 'react'
 import { EditorOptions } from '@tiptap/core'
+import { DependencyList, useEffect, useState } from 'react'
+
 import { Editor } from './Editor'
 
 function useForceUpdate() {
diff --git a/packages/suggestion/src/findSuggestionMatch.ts b/packages/suggestion/src/findSuggestionMatch.ts
index 5efce3670c..7e272239f2 100644
--- a/packages/suggestion/src/findSuggestionMatch.ts
+++ b/packages/suggestion/src/findSuggestionMatch.ts
@@ -1,4 +1,4 @@
-import { Range, escapeForRegEx } from '@tiptap/core'
+import { escapeForRegEx, Range } from '@tiptap/core'
 import { ResolvedPos } from 'prosemirror-model'
 
 export interface Trigger {
diff --git a/packages/suggestion/src/suggestion.ts b/packages/suggestion/src/suggestion.ts
index 82f25e48e4..ae5d4299ae 100644
--- a/packages/suggestion/src/suggestion.ts
+++ b/packages/suggestion/src/suggestion.ts
@@ -1,8 +1,7 @@
+import { Editor, Range } from '@tiptap/core'
 import { EditorState, Plugin, PluginKey } from 'prosemirror-state'
 import { Decoration, DecorationSet, EditorView } from 'prosemirror-view'
 
-import { Editor, Range } from '@tiptap/core'
-
 import { findSuggestionMatch } from './findSuggestionMatch'
 
 export interface SuggestionOptions<I = any> {
@@ -122,7 +121,7 @@ export function Suggestion<I = any>({
             clientRect: decorationNode
               ? () => {
                 // because of `items` can be asynchrounous we’ll search for the current docoration node
-                const { decorationId } = this.key?.getState(editor.state)
+                const { decorationId } = this.key?.getState(editor.state) // eslint-disable-line
                 const currentDecorationNode = document.querySelector(`[data-decoration-id="${decorationId}"]`)
 
                 return currentDecorationNode?.getBoundingClientRect() || null
diff --git a/packages/vue-2/src/BubbleMenu.ts b/packages/vue-2/src/BubbleMenu.ts
index 906e78cd7c..d7152dd8e4 100644
--- a/packages/vue-2/src/BubbleMenu.ts
+++ b/packages/vue-2/src/BubbleMenu.ts
@@ -1,5 +1,5 @@
-import Vue, { Component, PropType } from 'vue'
 import { BubbleMenuPlugin, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
+import Vue, { Component, PropType } from 'vue'
 
 export interface BubbleMenuInterface extends Vue {
   pluginKey: BubbleMenuPluginProps['pluginKey'],
diff --git a/packages/vue-2/src/EditorContent.ts b/packages/vue-2/src/EditorContent.ts
index 21144fb08c..f95ad8efe6 100644
--- a/packages/vue-2/src/EditorContent.ts
+++ b/packages/vue-2/src/EditorContent.ts
@@ -1,4 +1,5 @@
-import Vue, { PropType, Component } from 'vue'
+import Vue, { Component, PropType } from 'vue'
+
 import { Editor } from './Editor'
 
 export interface EditorContentInterface extends Vue {
diff --git a/packages/vue-2/src/FloatingMenu.ts b/packages/vue-2/src/FloatingMenu.ts
index 37042c3f0b..a663f609ee 100644
--- a/packages/vue-2/src/FloatingMenu.ts
+++ b/packages/vue-2/src/FloatingMenu.ts
@@ -1,5 +1,5 @@
-import Vue, { Component, PropType } from 'vue'
 import { FloatingMenuPlugin, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
+import Vue, { Component, PropType } from 'vue'
 
 export interface FloatingMenuInterface extends Vue {
   pluginKey: FloatingMenuPluginProps['pluginKey'],
diff --git a/packages/vue-2/src/NodeViewContent.ts b/packages/vue-2/src/NodeViewContent.ts
index 8df7a86182..1295b4e3e1 100644
--- a/packages/vue-2/src/NodeViewContent.ts
+++ b/packages/vue-2/src/NodeViewContent.ts
@@ -13,15 +13,13 @@ export const NodeViewContent: Component = {
   },
 
   render(this: NodeViewContentInterface, createElement) {
-    return createElement(
-      this.as, {
-        style: {
-          whiteSpace: 'pre-wrap',
-        },
-        attrs: {
-          'data-node-view-content': '',
-        },
+    return createElement(this.as, {
+      style: {
+        whiteSpace: 'pre-wrap',
       },
-    )
+      attrs: {
+        'data-node-view-content': '',
+      },
+    })
   },
 }
diff --git a/packages/vue-2/src/NodeViewWrapper.ts b/packages/vue-2/src/NodeViewWrapper.ts
index 4a14ce00ea..3af3d4410b 100644
--- a/packages/vue-2/src/NodeViewWrapper.ts
+++ b/packages/vue-2/src/NodeViewWrapper.ts
@@ -20,7 +20,8 @@ export const NodeViewWrapper: Component = {
 
   render(this: NodeViewWrapperInterface, createElement) {
     return createElement(
-      this.as, {
+      this.as,
+      {
         class: this.decorationClasses.value,
         style: {
           whiteSpace: 'normal',
diff --git a/packages/vue-2/src/VueNodeViewRenderer.ts b/packages/vue-2/src/VueNodeViewRenderer.ts
index 6e1b080462..85a6ca3773 100644
--- a/packages/vue-2/src/VueNodeViewRenderer.ts
+++ b/packages/vue-2/src/VueNodeViewRenderer.ts
@@ -1,8 +1,3 @@
-import { Node as ProseMirrorNode } from 'prosemirror-model'
-import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'
-import Vue from 'vue'
-import { PropType, VueConstructor } from 'vue/types/umd'
-
 import {
   NodeView,
   NodeViewProps,
@@ -10,6 +5,10 @@ import {
   NodeViewRendererOptions,
   NodeViewRendererProps,
 } from '@tiptap/core'
+import { Node as ProseMirrorNode } from 'prosemirror-model'
+import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'
+import Vue from 'vue'
+import { PropType, VueConstructor } from 'vue/types/umd'
 
 import { Editor } from './Editor'
 import { VueRenderer } from './VueRenderer'
diff --git a/packages/vue-2/src/index.ts b/packages/vue-2/src/index.ts
index f5b9136a81..3641fd38d8 100644
--- a/packages/vue-2/src/index.ts
+++ b/packages/vue-2/src/index.ts
@@ -1,9 +1,9 @@
-export * from '@tiptap/core'
 export * from './BubbleMenu'
 export { Editor } from './Editor'
 export * from './EditorContent'
 export * from './FloatingMenu'
-export * from './VueRenderer'
-export * from './VueNodeViewRenderer'
-export * from './NodeViewWrapper'
 export * from './NodeViewContent'
+export * from './NodeViewWrapper'
+export * from './VueNodeViewRenderer'
+export * from './VueRenderer'
+export * from '@tiptap/core'
diff --git a/packages/vue-3/src/BubbleMenu.ts b/packages/vue-3/src/BubbleMenu.ts
index c832a60629..b027ae0b4b 100644
--- a/packages/vue-3/src/BubbleMenu.ts
+++ b/packages/vue-3/src/BubbleMenu.ts
@@ -1,12 +1,12 @@
+import { BubbleMenuPlugin, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
 import {
+  defineComponent,
   h,
-  ref,
-  PropType,
-  onMounted,
   onBeforeUnmount,
-  defineComponent,
+  onMounted,
+  PropType,
+  ref,
 } from 'vue'
-import { BubbleMenuPlugin, BubbleMenuPluginProps } from '@tiptap/extension-bubble-menu'
 
 export const BubbleMenu = defineComponent({
   name: 'BubbleMenu',
diff --git a/packages/vue-3/src/Editor.ts b/packages/vue-3/src/Editor.ts
index 68b69f671c..81cb0250e3 100644
--- a/packages/vue-3/src/Editor.ts
+++ b/packages/vue-3/src/Editor.ts
@@ -1,13 +1,14 @@
-import { EditorState, Plugin, PluginKey } from 'prosemirror-state'
 import { Editor as CoreEditor, EditorOptions } from '@tiptap/core'
+import { EditorState, Plugin, PluginKey } from 'prosemirror-state'
 import {
-  markRaw,
-  Ref,
-  customRef,
   ComponentInternalInstance,
   ComponentPublicInstance,
+  customRef,
+  markRaw,
   reactive,
+  Ref,
 } from 'vue'
+
 import { VueRenderer } from './VueRenderer'
 
 function useDebouncedRef<T>(value: T) {
@@ -56,7 +57,7 @@ export class Editor extends CoreEditor {
       this.reactiveExtensionStorage.value = this.extensionStorage
     })
 
-    return markRaw(this)
+    return markRaw(this) // eslint-disable-line
   }
 
   get state() {
diff --git a/packages/vue-3/src/EditorContent.ts b/packages/vue-3/src/EditorContent.ts
index 88f8367e28..d2ffa2b2e2 100644
--- a/packages/vue-3/src/EditorContent.ts
+++ b/packages/vue-3/src/EditorContent.ts
@@ -1,17 +1,18 @@
 import {
+  DefineComponent,
+  defineComponent,
+  getCurrentInstance,
   h,
-  ref,
+  nextTick,
+  onBeforeUnmount,
+  PropType,
   Ref,
-  unref,
+  ref,
   Teleport,
-  PropType,
-  defineComponent,
-  DefineComponent,
+  unref,
   watchEffect,
-  nextTick,
-  onBeforeUnmount,
-  getCurrentInstance,
 } from 'vue'
+
 import { Editor } from './Editor'
 
 export const EditorContent = defineComponent({
diff --git a/packages/vue-3/src/FloatingMenu.ts b/packages/vue-3/src/FloatingMenu.ts
index f894570c17..6296039915 100644
--- a/packages/vue-3/src/FloatingMenu.ts
+++ b/packages/vue-3/src/FloatingMenu.ts
@@ -1,12 +1,12 @@
+import { FloatingMenuPlugin, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
 import {
+  defineComponent,
   h,
-  ref,
-  PropType,
-  onMounted,
   onBeforeUnmount,
-  defineComponent,
+  onMounted,
+  PropType,
+  ref,
 } from 'vue'
-import { FloatingMenuPlugin, FloatingMenuPluginProps } from '@tiptap/extension-floating-menu'
 
 export const FloatingMenu = defineComponent({
   name: 'FloatingMenu',
diff --git a/packages/vue-3/src/NodeViewContent.ts b/packages/vue-3/src/NodeViewContent.ts
index 0daa14b839..abe22b8ce5 100644
--- a/packages/vue-3/src/NodeViewContent.ts
+++ b/packages/vue-3/src/NodeViewContent.ts
@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent, h } from 'vue'
 
 export const NodeViewContent = defineComponent({
   props: {
@@ -9,13 +9,11 @@ export const NodeViewContent = defineComponent({
   },
 
   render() {
-    return h(
-      this.as, {
-        style: {
-          whiteSpace: 'pre-wrap',
-        },
-        'data-node-view-content': '',
+    return h(this.as, {
+      style: {
+        whiteSpace: 'pre-wrap',
       },
-    )
+      'data-node-view-content': '',
+    })
   },
 })
diff --git a/packages/vue-3/src/NodeViewWrapper.ts b/packages/vue-3/src/NodeViewWrapper.ts
index 17e6ddbdf3..401d3fbde0 100644
--- a/packages/vue-3/src/NodeViewWrapper.ts
+++ b/packages/vue-3/src/NodeViewWrapper.ts
@@ -1,4 +1,4 @@
-import { h, defineComponent } from 'vue'
+import { defineComponent, h } from 'vue'
 
 export const NodeViewWrapper = defineComponent({
   props: {
@@ -12,7 +12,8 @@ export const NodeViewWrapper = defineComponent({
 
   render() {
     return h(
-      this.as, {
+      this.as,
+      {
         // @ts-ignore
         class: this.decorationClasses.value,
         style: {
diff --git a/packages/vue-3/src/VueNodeViewRenderer.ts b/packages/vue-3/src/VueNodeViewRenderer.ts
index 128d84dc7a..87e7fc79d2 100644
--- a/packages/vue-3/src/VueNodeViewRenderer.ts
+++ b/packages/vue-3/src/VueNodeViewRenderer.ts
@@ -2,19 +2,20 @@ import {
   NodeView,
   NodeViewProps,
   NodeViewRenderer,
-  NodeViewRendererProps,
   NodeViewRendererOptions,
+  NodeViewRendererProps,
 } from '@tiptap/core'
+import { Node as ProseMirrorNode } from 'prosemirror-model'
+import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'
 import {
-  ref,
-  Ref,
-  provide,
-  PropType,
   Component,
   defineComponent,
+  PropType,
+  provide,
+  Ref,
+  ref,
 } from 'vue'
-import { Decoration, NodeView as ProseMirrorNodeView } from 'prosemirror-view'
-import { Node as ProseMirrorNode } from 'prosemirror-model'
+
 import { Editor } from './Editor'
 import { VueRenderer } from './VueRenderer'
 
diff --git a/packages/vue-3/src/VueRenderer.ts b/packages/vue-3/src/VueRenderer.ts
index 3ad0b7cd69..90dda6c8fa 100644
--- a/packages/vue-3/src/VueRenderer.ts
+++ b/packages/vue-3/src/VueRenderer.ts
@@ -1,5 +1,6 @@
-import { reactive, markRaw, Component } from 'vue'
 import { Editor } from '@tiptap/core'
+import { Component, markRaw, reactive } from 'vue'
+
 import { Editor as ExtendedEditor } from './Editor'
 
 export interface VueRendererOptions {
diff --git a/packages/vue-3/src/index.ts b/packages/vue-3/src/index.ts
index 2350610af5..47c222d589 100644
--- a/packages/vue-3/src/index.ts
+++ b/packages/vue-3/src/index.ts
@@ -1,10 +1,10 @@
-export * from '@tiptap/core'
 export * from './BubbleMenu'
 export { Editor } from './Editor'
 export * from './EditorContent'
 export * from './FloatingMenu'
+export * from './NodeViewContent'
+export * from './NodeViewWrapper'
 export * from './useEditor'
-export * from './VueRenderer'
 export * from './VueNodeViewRenderer'
-export * from './NodeViewWrapper'
-export * from './NodeViewContent'
+export * from './VueRenderer'
+export * from '@tiptap/core'
diff --git a/packages/vue-3/src/useEditor.ts b/packages/vue-3/src/useEditor.ts
index 2e6a64d1fa..e2333fc4f6 100644
--- a/packages/vue-3/src/useEditor.ts
+++ b/packages/vue-3/src/useEditor.ts
@@ -1,5 +1,6 @@
-import { onMounted, onBeforeUnmount, shallowRef } from 'vue'
 import { EditorOptions } from '@tiptap/core'
+import { onBeforeUnmount, onMounted, shallowRef } from 'vue'
+
 import { Editor } from './Editor'
 
 export const useEditor = (options: Partial<EditorOptions> = {}) => {
diff --git a/rollup.config.js b/rollup.config.js
index e16d9ad00f..604803508f 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -1,16 +1,16 @@
+import sizes from '@atomico/rollup-plugin-sizes'
+import batchPackages from '@lerna/batch-packages'
+import { filterPackages } from '@lerna/filter-packages'
+import { getPackages } from '@lerna/project'
+import babel from '@rollup/plugin-babel'
+import commonjs from '@rollup/plugin-commonjs'
+import resolve from '@rollup/plugin-node-resolve'
 import fs from 'fs'
-import path from 'path'
 import minimist from 'minimist'
-import { getPackages } from '@lerna/project'
-import { filterPackages } from '@lerna/filter-packages'
-import batchPackages from '@lerna/batch-packages'
+import path from 'path'
+import autoExternal from 'rollup-plugin-auto-external'
 import sourcemaps from 'rollup-plugin-sourcemaps'
 import typescript from 'rollup-plugin-typescript2'
-import resolve from '@rollup/plugin-node-resolve'
-import commonjs from '@rollup/plugin-commonjs'
-import babel from '@rollup/plugin-babel'
-import sizes from '@atomico/rollup-plugin-sizes'
-import autoExternal from 'rollup-plugin-auto-external'
 
 async function getSortedPackages(scope, ignore) {
   const packages = await getPackages(__dirname)
diff --git a/tests/cypress/integration/core/can.spec.ts b/tests/cypress/integration/core/can.spec.ts
index f5194bcf67..f8b1bf688b 100644
--- a/tests/cypress/integration/core/can.spec.ts
+++ b/tests/cypress/integration/core/can.spec.ts
@@ -2,9 +2,9 @@
 
 import { Editor } from '@tiptap/core'
 import Document from '@tiptap/extension-document'
+import History from '@tiptap/extension-history'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
-import History from '@tiptap/extension-history'
 
 describe('can', () => {
   it('not undo', () => {
diff --git a/tests/cypress/integration/core/isActive.spec.ts b/tests/cypress/integration/core/isActive.spec.ts
index 042056f287..875b4aaadc 100644
--- a/tests/cypress/integration/core/isActive.spec.ts
+++ b/tests/cypress/integration/core/isActive.spec.ts
@@ -1,12 +1,12 @@
 /// <reference types="cypress" />
 
 import { Editor } from '@tiptap/core'
+import Color from '@tiptap/extension-color'
 import Document from '@tiptap/extension-document'
+import FontFamily from '@tiptap/extension-font-family'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import TextStyle from '@tiptap/extension-text-style'
-import FontFamily from '@tiptap/extension-font-family'
-import Color from '@tiptap/extension-color'
 
 describe('isActive', () => {
   it('should check the current node', () => {
diff --git a/tests/cypress/integration/extensions/codeBlockLowlight.spec.ts b/tests/cypress/integration/extensions/codeBlockLowlight.spec.ts
index af78e74f71..ea16a3302b 100644
--- a/tests/cypress/integration/extensions/codeBlockLowlight.spec.ts
+++ b/tests/cypress/integration/extensions/codeBlockLowlight.spec.ts
@@ -1,10 +1,10 @@
 /// <reference types="cypress" />
 
+import { Editor } from '@tiptap/core'
 import { CodeBlockLowlight } from '@tiptap/extension-code-block-lowlight'
-import { Text } from '@tiptap/extension-text'
-import { Paragraph } from '@tiptap/extension-paragraph'
 import { Document } from '@tiptap/extension-document'
-import { Editor } from '@tiptap/core'
+import { Paragraph } from '@tiptap/extension-paragraph'
+import { Text } from '@tiptap/extension-text'
 import * as lowlight from 'lowlight'
 
 describe('code block highlight', () => {
diff --git a/tests/cypress/integration/html/generateHTML.spec.ts b/tests/cypress/integration/html/generateHTML.spec.ts
index 1cf1a4677d..9ecf5f8623 100644
--- a/tests/cypress/integration/html/generateHTML.spec.ts
+++ b/tests/cypress/integration/html/generateHTML.spec.ts
@@ -1,9 +1,9 @@
 /// <reference types="cypress" />
 
-import { generateHTML } from '@tiptap/html'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
+import { generateHTML } from '@tiptap/html'
 
 describe('generateHTML', () => {
   it('generate HTML from JSON without an editor instance', () => {
diff --git a/tests/cypress/integration/html/generateJSON.spec.ts b/tests/cypress/integration/html/generateJSON.spec.ts
index b30bd2305a..4f1da5e429 100644
--- a/tests/cypress/integration/html/generateJSON.spec.ts
+++ b/tests/cypress/integration/html/generateJSON.spec.ts
@@ -1,10 +1,10 @@
 /// <reference types="cypress" />
 
-import { generateJSON } from '@tiptap/html'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
 import TextAlign from '@tiptap/extension-text-align'
+import { generateJSON } from '@tiptap/html'
 
 describe('generateJSON', () => {
   it('generate JSON from HTML without an editor instance', () => {