From 00d8958b72c9da208f56eba1bd7153757b0056a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 6 May 2021 18:41:22 +0200
Subject: [PATCH] docs: update content

---
 docs/src/demos/Examples/Book/index.vue        |  6 ++-
 .../Examples/CollaborativeEditing/index.vue   |  6 ++-
 .../demos/Examples/Default/React/index.jsx    |  4 +-
 docs/src/demos/Examples/Default/Vue/index.vue |  4 +-
 docs/src/demos/Examples/Formatting/index.vue  |  4 +-
 .../Examples/MarkdownShortcuts/index.vue      |  4 +-
 docs/src/demos/Examples/Menus/React/index.jsx |  4 +-
 docs/src/demos/Examples/Menus/Vue/index.vue   |  4 +-
 docs/src/demos/Examples/Tables/index.vue      |  4 +-
 docs/src/demos/Experiments/Commands/index.vue |  4 +-
 docs/src/demos/Experiments/Details/index.vue  |  4 +-
 docs/src/demos/Experiments/Embeds/index.vue   |  4 +-
 .../Experiments/GlobalDragHandle/index.vue    |  4 +-
 .../demos/Experiments/TrailingNode/index.vue  |  4 +-
 .../src/demos/Experiments/WordBreak/index.vue |  4 +-
 .../Extensions/BubbleMenu/React/index.jsx     |  4 +-
 .../demos/Extensions/BubbleMenu/Vue/index.vue |  4 +-
 .../Extensions/FloatingMenu/React/index.jsx   |  4 +-
 .../Extensions/FloatingMenu/Vue/index.vue     |  4 +-
 .../demos/Extensions/Placeholder/index.vue    |  4 +-
 .../demos/Guide/Content/ExportHTML/index.vue  |  6 ++-
 .../demos/Guide/Content/ExportJSON/index.vue  |  6 ++-
 .../demos/Guide/Content/ReadOnly/index.vue    |  6 ++-
 .../Guide/GettingStarted/VModel/Editor.vue    |  6 ++-
 .../Guide/NodeViews/DragHandle/index.vue      |  4 +-
 .../Guide/NodeViews/JavaScript/index.vue      |  4 +-
 .../NodeViews/JavaScriptContent/index.vue     |  4 +-
 .../Guide/NodeViews/ReactComponent/index.jsx  |  4 +-
 .../NodeViews/ReactComponentContent/index.jsx |  4 +-
 .../Guide/NodeViews/TableOfContents/index.vue |  4 +-
 .../Guide/NodeViews/VueComponent/index.vue    |  4 +-
 .../NodeViews/VueComponentContent/index.vue   |  4 +-
 .../src/demos/Overview/Installation/index.vue |  6 ++-
 docs/src/docPages/api/editor.md               | 50 ++++++++++++-------
 docs/src/docPages/api/extensions.md           |  2 +-
 docs/src/docPages/api/nodes/document.md       |  2 +-
 docs/src/docPages/api/nodes/paragraph.md      |  2 +-
 docs/src/docPages/api/nodes/text.md           |  2 +-
 docs/src/docPages/guide/configuration.md      | 24 +++++----
 docs/src/docPages/installation.md             |  6 ++-
 docs/src/docPages/installation/alpine.md      |  6 ++-
 docs/src/docPages/installation/cdn.md         |  6 ++-
 docs/src/docPages/installation/livewire.md    |  8 +--
 docs/src/docPages/installation/nuxt.md        |  6 ++-
 docs/src/docPages/installation/react.md       |  6 ++-
 docs/src/docPages/installation/svelte.md      |  6 ++-
 docs/src/docPages/installation/vue2.md        |  6 ++-
 docs/src/docPages/installation/vue3.md        | 18 ++++---
 docs/src/pages/index.vue                      |  6 ++-
 49 files changed, 180 insertions(+), 122 deletions(-)

diff --git a/docs/src/demos/Examples/Book/index.vue b/docs/src/demos/Examples/Book/index.vue
index 8d0848dc..b8a4e5d8 100644
--- a/docs/src/demos/Examples/Book/index.vue
+++ b/docs/src/demos/Examples/Book/index.vue
@@ -71,7 +71,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import { content } from './content.js'
 
 export default {
@@ -87,7 +87,9 @@ export default {
 
   mounted() {
     this.editor = new Editor({
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
       content,
       editorProps: {
         attributes: {
diff --git a/docs/src/demos/Examples/CollaborativeEditing/index.vue b/docs/src/demos/Examples/CollaborativeEditing/index.vue
index a169ff96..045e3039 100644
--- a/docs/src/demos/Examples/CollaborativeEditing/index.vue
+++ b/docs/src/demos/Examples/CollaborativeEditing/index.vue
@@ -22,7 +22,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import Collaboration from '@tiptap/extension-collaboration'
 import CollaborationCursor from '@tiptap/extension-collaboration-cursor'
 import TaskList from '@tiptap/extension-task-list'
@@ -91,7 +91,9 @@ export default {
 
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions().filter(extension => extension.name !== 'history'),
+        StarterKit.configure({
+          history: false,
+        }),
         Highlight,
         TaskList,
         TaskItem,
diff --git a/docs/src/demos/Examples/Default/React/index.jsx b/docs/src/demos/Examples/Default/React/index.jsx
index 05ebeee5..da04cde2 100644
--- a/docs/src/demos/Examples/Default/React/index.jsx
+++ b/docs/src/demos/Examples/Default/React/index.jsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { useEditor, EditorContent } from '@tiptap/react'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import './styles.scss'
 
 const MenuBar = ({ editor }) => {
@@ -125,7 +125,7 @@ const MenuBar = ({ editor }) => {
 export default () => {
   const editor = useEditor({
     extensions: [
-      ...defaultExtensions(),
+      StarterKit,
     ],
     content: `
       <h2>
diff --git a/docs/src/demos/Examples/Default/Vue/index.vue b/docs/src/demos/Examples/Default/Vue/index.vue
index e03072a2..90704199 100644
--- a/docs/src/demos/Examples/Default/Vue/index.vue
+++ b/docs/src/demos/Examples/Default/Vue/index.vue
@@ -71,7 +71,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -87,7 +87,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
       ],
       content: `
         <h2>
diff --git a/docs/src/demos/Examples/Formatting/index.vue b/docs/src/demos/Examples/Formatting/index.vue
index 978a1c62..8dd8f255 100644
--- a/docs/src/demos/Examples/Formatting/index.vue
+++ b/docs/src/demos/Examples/Formatting/index.vue
@@ -44,7 +44,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import TextAlign from '@tiptap/extension-text-align'
 import Highlight from '@tiptap/extension-highlight'
 
@@ -62,7 +62,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         TextAlign,
         Highlight,
       ],
diff --git a/docs/src/demos/Examples/MarkdownShortcuts/index.vue b/docs/src/demos/Examples/MarkdownShortcuts/index.vue
index 33d82e8f..d18ac4eb 100644
--- a/docs/src/demos/Examples/MarkdownShortcuts/index.vue
+++ b/docs/src/demos/Examples/MarkdownShortcuts/index.vue
@@ -6,7 +6,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import Highlight from '@tiptap/extension-highlight'
 import Typography from '@tiptap/extension-typography'
 
@@ -41,7 +41,7 @@ export default {
         </p>
       `,
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         Highlight,
         Typography,
       ],
diff --git a/docs/src/demos/Examples/Menus/React/index.jsx b/docs/src/demos/Examples/Menus/React/index.jsx
index 1348c5cb..296d9d7e 100644
--- a/docs/src/demos/Examples/Menus/React/index.jsx
+++ b/docs/src/demos/Examples/Menus/React/index.jsx
@@ -5,13 +5,13 @@ import {
   BubbleMenu,
   FloatingMenu,
 } from '@tiptap/react'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import './styles.scss'
 
 export default () => {
   const editor = useEditor({
     extensions: [
-      ...defaultExtensions(),
+      StarterKit,
     ],
     content: `
       <p>
diff --git a/docs/src/demos/Examples/Menus/Vue/index.vue b/docs/src/demos/Examples/Menus/Vue/index.vue
index 0644fd98..62914616 100644
--- a/docs/src/demos/Examples/Menus/Vue/index.vue
+++ b/docs/src/demos/Examples/Menus/Vue/index.vue
@@ -45,7 +45,7 @@ import {
   BubbleMenu,
   FloatingMenu,
 } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -63,7 +63,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
       ],
       content: `
         <p>
diff --git a/docs/src/demos/Examples/Tables/index.vue b/docs/src/demos/Examples/Tables/index.vue
index 48feb644..b4617c81 100644
--- a/docs/src/demos/Examples/Tables/index.vue
+++ b/docs/src/demos/Examples/Tables/index.vue
@@ -64,7 +64,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+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'
@@ -109,7 +109,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         Table.configure({
           resizable: true,
         }),
diff --git a/docs/src/demos/Experiments/Commands/index.vue b/docs/src/demos/Experiments/Commands/index.vue
index 45edc971..7eb17dda 100644
--- a/docs/src/demos/Experiments/Commands/index.vue
+++ b/docs/src/demos/Experiments/Commands/index.vue
@@ -7,7 +7,7 @@
 <script>
 import tippy from 'tippy.js'
 import { Editor, EditorContent, VueRenderer } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import Commands from './commands'
 import CommandsList from './CommandsList'
 
@@ -25,7 +25,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         Commands.configure({
           suggestion: {
             items: query => {
diff --git a/docs/src/demos/Experiments/Details/index.vue b/docs/src/demos/Experiments/Details/index.vue
index faf9d37f..86b085c9 100644
--- a/docs/src/demos/Experiments/Details/index.vue
+++ b/docs/src/demos/Experiments/Details/index.vue
@@ -20,7 +20,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import Details from './details'
 import DetailsSummary from './details-summary'
 
@@ -38,7 +38,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         Details,
         DetailsSummary,
       ],
diff --git a/docs/src/demos/Experiments/Embeds/index.vue b/docs/src/demos/Experiments/Embeds/index.vue
index 0d77882e..83b3becb 100644
--- a/docs/src/demos/Experiments/Embeds/index.vue
+++ b/docs/src/demos/Experiments/Embeds/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import Iframe from './iframe'
 
 export default {
@@ -27,7 +27,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         Iframe,
       ],
       content: `
diff --git a/docs/src/demos/Experiments/GlobalDragHandle/index.vue b/docs/src/demos/Experiments/GlobalDragHandle/index.vue
index af34c427..fb283e12 100644
--- a/docs/src/demos/Experiments/GlobalDragHandle/index.vue
+++ b/docs/src/demos/Experiments/GlobalDragHandle/index.vue
@@ -6,7 +6,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import DragHandle from './DragHandle.js'
 
 export default {
@@ -23,7 +23,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         DragHandle,
       ],
       content: `
diff --git a/docs/src/demos/Experiments/TrailingNode/index.vue b/docs/src/demos/Experiments/TrailingNode/index.vue
index b818885a..357c7726 100644
--- a/docs/src/demos/Experiments/TrailingNode/index.vue
+++ b/docs/src/demos/Experiments/TrailingNode/index.vue
@@ -6,7 +6,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import { TrailingNode } from './trailing-node'
 
 export default {
@@ -23,7 +23,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         TrailingNode,
       ],
       content: `
diff --git a/docs/src/demos/Experiments/WordBreak/index.vue b/docs/src/demos/Experiments/WordBreak/index.vue
index 047debd0..9da901c4 100644
--- a/docs/src/demos/Experiments/WordBreak/index.vue
+++ b/docs/src/demos/Experiments/WordBreak/index.vue
@@ -13,7 +13,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import { WordBreak } from './word-break'
 
 export default {
@@ -30,7 +30,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         WordBreak,
       ],
       content: `
diff --git a/docs/src/demos/Extensions/BubbleMenu/React/index.jsx b/docs/src/demos/Extensions/BubbleMenu/React/index.jsx
index 30b767c1..2110a4bb 100644
--- a/docs/src/demos/Extensions/BubbleMenu/React/index.jsx
+++ b/docs/src/demos/Extensions/BubbleMenu/React/index.jsx
@@ -1,12 +1,12 @@
 import React from 'react'
 import { useEditor, EditorContent, BubbleMenu } from '@tiptap/react'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import './styles.scss'
 
 export default () => {
   const editor = useEditor({
     extensions: [
-      ...defaultExtensions(),
+      StarterKit,
     ],
     content: `
       <p>
diff --git a/docs/src/demos/Extensions/BubbleMenu/Vue/index.vue b/docs/src/demos/Extensions/BubbleMenu/Vue/index.vue
index 54fe7c4e..5c01d7d6 100644
--- a/docs/src/demos/Extensions/BubbleMenu/Vue/index.vue
+++ b/docs/src/demos/Extensions/BubbleMenu/Vue/index.vue
@@ -17,7 +17,7 @@
 
 <script>
 import { Editor, EditorContent, BubbleMenu } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -34,7 +34,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
       ],
       content: `
         <p>
diff --git a/docs/src/demos/Extensions/FloatingMenu/React/index.jsx b/docs/src/demos/Extensions/FloatingMenu/React/index.jsx
index 2b77fcd7..d2870c45 100644
--- a/docs/src/demos/Extensions/FloatingMenu/React/index.jsx
+++ b/docs/src/demos/Extensions/FloatingMenu/React/index.jsx
@@ -1,12 +1,12 @@
 import React from 'react'
 import { useEditor, EditorContent, FloatingMenu } from '@tiptap/react'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import './styles.scss'
 
 export default () => {
   const editor = useEditor({
     extensions: [
-      ...defaultExtensions(),
+      StarterKit,
     ],
     content: `
       <p>
diff --git a/docs/src/demos/Extensions/FloatingMenu/Vue/index.vue b/docs/src/demos/Extensions/FloatingMenu/Vue/index.vue
index 42feb953..d01846d9 100644
--- a/docs/src/demos/Extensions/FloatingMenu/Vue/index.vue
+++ b/docs/src/demos/Extensions/FloatingMenu/Vue/index.vue
@@ -17,7 +17,7 @@
 
 <script>
 import { Editor, EditorContent, FloatingMenu } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -34,7 +34,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
       ],
       content: `
         <p>
diff --git a/docs/src/demos/Extensions/Placeholder/index.vue b/docs/src/demos/Extensions/Placeholder/index.vue
index a2828425..5619e3f8 100644
--- a/docs/src/demos/Extensions/Placeholder/index.vue
+++ b/docs/src/demos/Extensions/Placeholder/index.vue
@@ -4,7 +4,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import Placeholder from '@tiptap/extension-placeholder'
 
 export default {
@@ -21,7 +21,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         Placeholder,
       ],
     })
diff --git a/docs/src/demos/Guide/Content/ExportHTML/index.vue b/docs/src/demos/Guide/Content/ExportHTML/index.vue
index e4e3e8bb..f87dce0e 100644
--- a/docs/src/demos/Guide/Content/ExportHTML/index.vue
+++ b/docs/src/demos/Guide/Content/ExportHTML/index.vue
@@ -26,7 +26,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -47,7 +47,9 @@ export default {
           Wow, this editor instance exports its content as HTML.
         </p>
       `,
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
     })
 
     // Get the initial content …
diff --git a/docs/src/demos/Guide/Content/ExportJSON/index.vue b/docs/src/demos/Guide/Content/ExportJSON/index.vue
index 1af2d3c6..9dd51cca 100644
--- a/docs/src/demos/Guide/Content/ExportJSON/index.vue
+++ b/docs/src/demos/Guide/Content/ExportJSON/index.vue
@@ -26,7 +26,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -47,7 +47,9 @@ export default {
           Wow, this editor instance exports its content as JSON.
         </p>
       `,
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
     })
 
     // Get the initial content …
diff --git a/docs/src/demos/Guide/Content/ReadOnly/index.vue b/docs/src/demos/Guide/Content/ReadOnly/index.vue
index 64923a67..3530a44b 100644
--- a/docs/src/demos/Guide/Content/ReadOnly/index.vue
+++ b/docs/src/demos/Guide/Content/ReadOnly/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -35,7 +35,9 @@ export default {
           If you want to check the state, you can call <code>editor.isEditable()</code>.
         </p>
       `,
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
     })
   },
 
diff --git a/docs/src/demos/Guide/GettingStarted/VModel/Editor.vue b/docs/src/demos/Guide/GettingStarted/VModel/Editor.vue
index f5de7760..9c6a345a 100644
--- a/docs/src/demos/Guide/GettingStarted/VModel/Editor.vue
+++ b/docs/src/demos/Guide/GettingStarted/VModel/Editor.vue
@@ -4,7 +4,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -42,7 +42,9 @@ export default {
 
   mounted() {
     this.editor = new Editor({
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
       content: this.value,
       onUpdate: () => {
         // HTML
diff --git a/docs/src/demos/Guide/NodeViews/DragHandle/index.vue b/docs/src/demos/Guide/NodeViews/DragHandle/index.vue
index c0347321..bb0964cb 100644
--- a/docs/src/demos/Guide/NodeViews/DragHandle/index.vue
+++ b/docs/src/demos/Guide/NodeViews/DragHandle/index.vue
@@ -6,7 +6,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import DraggableItem from './DraggableItem.js'
 
 export default {
@@ -23,7 +23,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         DraggableItem,
       ],
       content: `
diff --git a/docs/src/demos/Guide/NodeViews/JavaScript/index.vue b/docs/src/demos/Guide/NodeViews/JavaScript/index.vue
index 58cb9d7a..1626b768 100644
--- a/docs/src/demos/Guide/NodeViews/JavaScript/index.vue
+++ b/docs/src/demos/Guide/NodeViews/JavaScript/index.vue
@@ -4,7 +4,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import NodeView from './Extension.js'
 
 export default {
@@ -21,7 +21,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         NodeView,
       ],
       content: `
diff --git a/docs/src/demos/Guide/NodeViews/JavaScriptContent/index.vue b/docs/src/demos/Guide/NodeViews/JavaScriptContent/index.vue
index 2394ae9b..8dcfc513 100644
--- a/docs/src/demos/Guide/NodeViews/JavaScriptContent/index.vue
+++ b/docs/src/demos/Guide/NodeViews/JavaScriptContent/index.vue
@@ -4,7 +4,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import NodeView from './Extension.js'
 
 export default {
@@ -21,7 +21,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         NodeView,
       ],
       content: `
diff --git a/docs/src/demos/Guide/NodeViews/ReactComponent/index.jsx b/docs/src/demos/Guide/NodeViews/ReactComponent/index.jsx
index 69c15fd6..394c78fe 100644
--- a/docs/src/demos/Guide/NodeViews/ReactComponent/index.jsx
+++ b/docs/src/demos/Guide/NodeViews/ReactComponent/index.jsx
@@ -1,13 +1,13 @@
 import React from 'react'
 import { useEditor, EditorContent } from '@tiptap/react'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import ReactComponent from './Extension.js'
 import './styles.scss'
 
 export default () => {
   const editor = useEditor({
     extensions: [
-      ...defaultExtensions(),
+      StarterKit,
       ReactComponent,
     ],
     content: `
diff --git a/docs/src/demos/Guide/NodeViews/ReactComponentContent/index.jsx b/docs/src/demos/Guide/NodeViews/ReactComponentContent/index.jsx
index 141e4deb..ac2e67a2 100644
--- a/docs/src/demos/Guide/NodeViews/ReactComponentContent/index.jsx
+++ b/docs/src/demos/Guide/NodeViews/ReactComponentContent/index.jsx
@@ -1,13 +1,13 @@
 import React from 'react'
 import { useEditor, EditorContent } from '@tiptap/react'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import ReactComponent from './Extension.js'
 import './styles.scss'
 
 export default () => {
   const editor = useEditor({
     extensions: [
-      ...defaultExtensions(),
+      StarterKit,
       ReactComponent,
     ],
     content: `
diff --git a/docs/src/demos/Guide/NodeViews/TableOfContents/index.vue b/docs/src/demos/Guide/NodeViews/TableOfContents/index.vue
index 9db45b5f..91b10022 100644
--- a/docs/src/demos/Guide/NodeViews/TableOfContents/index.vue
+++ b/docs/src/demos/Guide/NodeViews/TableOfContents/index.vue
@@ -6,7 +6,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import TableOfContents from './TableOfContents.js'
 
 export default {
@@ -23,7 +23,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         TableOfContents,
       ],
       content: `
diff --git a/docs/src/demos/Guide/NodeViews/VueComponent/index.vue b/docs/src/demos/Guide/NodeViews/VueComponent/index.vue
index 5f8f3c8b..310a66a0 100644
--- a/docs/src/demos/Guide/NodeViews/VueComponent/index.vue
+++ b/docs/src/demos/Guide/NodeViews/VueComponent/index.vue
@@ -4,7 +4,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import VueComponent from './Extension.js'
 
 export default {
@@ -21,7 +21,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         VueComponent,
       ],
       content: `
diff --git a/docs/src/demos/Guide/NodeViews/VueComponentContent/index.vue b/docs/src/demos/Guide/NodeViews/VueComponentContent/index.vue
index f9bc8186..65a7e4af 100644
--- a/docs/src/demos/Guide/NodeViews/VueComponentContent/index.vue
+++ b/docs/src/demos/Guide/NodeViews/VueComponentContent/index.vue
@@ -4,7 +4,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import VueComponent from './Extension.js'
 
 export default {
@@ -21,7 +21,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        ...defaultExtensions(),
+        StarterKit,
         VueComponent,
       ],
       content: `
diff --git a/docs/src/demos/Overview/Installation/index.vue b/docs/src/demos/Overview/Installation/index.vue
index 928b14b8..65838fba 100644
--- a/docs/src/demos/Overview/Installation/index.vue
+++ b/docs/src/demos/Overview/Installation/index.vue
@@ -4,7 +4,7 @@
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -20,7 +20,9 @@ export default {
   mounted() {
     this.editor = new Editor({
       content: '<p>Hello World! 🌎️</p>',
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
     })
   },
 
diff --git a/docs/src/docPages/api/editor.md b/docs/src/docPages/api/editor.md
index d27c67c5..4e237f31 100644
--- a/docs/src/docPages/api/editor.md
+++ b/docs/src/docPages/api/editor.md
@@ -34,11 +34,13 @@ The `element` specifies the HTML element the editor will be binded too. The foll
 
 ```js
 import { Editor } from '@tiptap/core'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
   element: document.querySelector('.element'),
-  extensions: defaultExtensions(),
+  extensions: [
+    StarterKit,
+  ],
 })
 ```
 
@@ -53,7 +55,7 @@ It’s required to pass a list of extensions to the `extensions` property, even
 
 ```js
 import { Editor } from '@tiptap/core'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import Document from '@tiptap/extension-document'
 import Paragraph from '@tiptap/extension-paragraph'
 import Text from '@tiptap/extension-text'
@@ -61,7 +63,9 @@ import Highlight from '@tiptap/extension-highlight'
 
 new Editor({
   // Use the default extensions
-  extensions: defaultExtensions(),
+  extensions: [
+    StarterKit,
+  ],
 
   // … or use specific extensions
   extensions: [
@@ -72,7 +76,7 @@ new Editor({
 
   // … or both
   extensions: [
-    ...defaultExtensions(),
+    StarterKit,
     Highlight,
   ],
 })
@@ -83,11 +87,13 @@ With the `content` property you can provide the initial content for the editor.
 
 ```js
 import { Editor } from '@tiptap/core'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
   content: `<p>Example Text</p>`,
-  extensions: defaultExtensions(),
+  extensions: [
+    StarterKit,
+  ],
 })
 ```
 
@@ -96,11 +102,13 @@ The `editable` property determines if users can write into the editor.
 
 ```js
 import { Editor } from '@tiptap/core'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
   content: `<p>Example Text</p>`,
-  extensions: defaultExtensions(),
+  extensions: [
+    StarterKit,
+  ],
   editable: false,
 })
 ```
@@ -110,10 +118,12 @@ With `autofocus` you can force the cursor to jump in the editor on initializatio
 
 ```js
 import { Editor } from '@tiptap/core'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
-  extensions: defaultExtensions(),
+  extensions: [
+    StarterKit,
+  ],
   autofocus: false,
 })
 ```
@@ -132,11 +142,13 @@ By default, tiptap enables all [input rules](/guide/custom-extensions/#input-rul
 
 ```js
 import { Editor } from '@tiptap/core'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
   content: `<p>Example Text</p>`,
-  extensions: defaultExtensions(),
+  extensions: [
+    StarterKit,
+  ],
   enableInputRules: false,
 })
 ```
@@ -146,11 +158,13 @@ By default, tiptap enables all [paste rules](/guide/custom-extensions/#paste-rul
 
 ```js
 import { Editor } from '@tiptap/core'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
   content: `<p>Example Text</p>`,
-  extensions: defaultExtensions(),
+  extensions: [
+    StarterKit,
+  ],
   enablePasteRules: false,
 })
 ```
@@ -160,10 +174,12 @@ By default, tiptap injects [a little bit of CSS](https://github.com/ueberdosis/t
 
 ```js
 import { Editor } from '@tiptap/core'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
-  extensions: defaultExtensions(),
+  extensions: [
+    StarterKit,
+  ],
   injectCSS: false,
 })
 ```
diff --git a/docs/src/docPages/api/extensions.md b/docs/src/docPages/api/extensions.md
index c736db5b..0d2e406b 100644
--- a/docs/src/docPages/api/extensions.md
+++ b/docs/src/docPages/api/extensions.md
@@ -22,7 +22,7 @@ There are also some extensions with more capabilities. We call them [nodes](/api
 | [TextAlign](/api/extensions/text-align)                     | –                 | [GitHub](https://github.com/ueberdosis/tiptap/blob/main/packages/extension-text-align/)           |
 | [Typography](/api/extensions/typography)                    | –                 | [GitHub](https://github.com/ueberdosis/tiptap/blob/main/packages/extension-typography/)           |
 
-You don’t have to use it, but we prepared a `@tiptap/starter-kit` which includes the most common extensions. Read more about [`defaultExtensions()`](/guide/configuration#default-extensions).
+You don’t have to use it, but we prepared a `@tiptap/starter-kit` which includes the most common extensions. Read more about [`StarterKit`](/guide/configuration#default-extensions).
 
 ## How extensions work
 Although tiptap tries to hide most of the complexity of ProseMirror, it’s built on top of its APIs and we recommend you to read through the [ProseMirror Guide](https://ProseMirror.net/docs/guide/) for advanced usage. You’ll have a better understanding of how everything works under the hood and get more familiar with many terms and jargon used by tiptap.
diff --git a/docs/src/docPages/api/nodes/document.md b/docs/src/docPages/api/nodes/document.md
index c83afdca..0504d047 100644
--- a/docs/src/docPages/api/nodes/document.md
+++ b/docs/src/docPages/api/nodes/document.md
@@ -7,7 +7,7 @@
 The node is very tiny though. It defines a name of the node (`document`), is configured to be a top node (`topNode: true`) and that it can contain multiple other nodes (`block+`). That’s all. But have a look yourself:
 
 :::warning Breaking Change from 1.x → 2.x
-tiptap 1 tried to hide that node from you, but it has always been there. You have to explicitly import it from now on (or use `defaultExtensions()`).
+tiptap 1 tried to hide that node from you, but it has always been there. You have to explicitly import it from now on (or use `StarterKit`).
 :::
 
 ## Installation
diff --git a/docs/src/docPages/api/nodes/paragraph.md b/docs/src/docPages/api/nodes/paragraph.md
index 9b2209b6..17deed51 100644
--- a/docs/src/docPages/api/nodes/paragraph.md
+++ b/docs/src/docPages/api/nodes/paragraph.md
@@ -5,7 +5,7 @@
 Yes, the schema is very strict. Without this extension you won’t even be able to use paragraphs in the editor.
 
 :::warning Breaking Change from 1.x → 2.x
-tiptap 1 tried to hide that node from you, but it has always been there. You have to explicitly import it from now on (or use `defaultExtensions()`).
+tiptap 1 tried to hide that node from you, but it has always been there. You have to explicitly import it from now on (or use `StarterKit`).
 :::
 
 ## Installation
diff --git a/docs/src/docPages/api/nodes/text.md b/docs/src/docPages/api/nodes/text.md
index 407cd790..149aa225 100644
--- a/docs/src/docPages/api/nodes/text.md
+++ b/docs/src/docPages/api/nodes/text.md
@@ -5,7 +5,7 @@
 **The `Text` extension is required**, at least if you want to work with text of any kind and that’s very likely. This extension is a little bit different, it doesn’t even render HTML. It’s plain text, that’s all.
 
 :::warning Breaking Change from 1.x → 2.x
-tiptap 1 tried to hide that node from you, but it has always been there. You have to explicitly import it from now on (or use `defaultExtensions()`).
+tiptap 1 tried to hide that node from you, but it has always been there. You have to explicitly import it from now on (or use `StarterKit`).
 :::
 
 ## Installation
diff --git a/docs/src/docPages/guide/configuration.md b/docs/src/docPages/guide/configuration.md
index 616be562..44a3dc16 100644
--- a/docs/src/docPages/guide/configuration.md
+++ b/docs/src/docPages/guide/configuration.md
@@ -82,23 +82,25 @@ new Editor({
 Have a look at the documentation of the extension you use to learn more about their settings.
 
 ### Default extensions
-We have put together a few of the most common extensions and provide a `defaultExtensions()` helper to load them. Here is how you to use that:
+We have put together a few of the most common extensions and provide a `StarterKit` extension to load them. Here is how you to use that:
 
 ```js
-import { Editor, defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
-  extensions: defaultExtensions(),
+  extensions: [
+    StarterKit,
+  ],
 })
 ```
 
 And you can even pass configuration for all default extensions as an object. Just prefix the configuration with the extension name:
 
 ```js
-import { Editor, defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
-  extensions: defaultExtensions({
+  extensions: StarterKit.configure({
     heading: {
       levels: [1, 2, 3],
     },
@@ -106,15 +108,15 @@ new Editor({
 })
 ```
 
-The `defaultExtensions()` function returns an array, so if you want to load them and add some custom extensions you could write it like that:
+The `StarterKit` extension contains a list of extensions. If you want to load them and add some custom extensions you could write it like that:
 
 ```js
-import { Editor, defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 import Strike from '@tiptap/extension-strike'
 
 new Editor({
   extensions: [
-    ...defaultExtensions(),
+    StarterKit,
     Strike,
   ],
 })
@@ -123,11 +125,13 @@ new Editor({
 Don’t want to load a specific extension? Just filter it out:
 
 ```js
-import { Editor, defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
   extensions: [
-    ...defaultExtensions().filter(extension => extension.name !== 'history'),
+    StarterKit.configure({
+      history: false,
+    }),
   ],
 })
 ```
diff --git a/docs/src/docPages/installation.md b/docs/src/docPages/installation.md
index 47c4fec7..f13f1387 100644
--- a/docs/src/docPages/installation.md
+++ b/docs/src/docPages/installation.md
@@ -45,11 +45,13 @@ Let’s initialize the editor in JavaScript now:
 
 ```js
 import { Editor } from '@tiptap/core'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 new Editor({
   element: document.querySelector('.element'),
-  extensions: defaultExtensions(),
+  extensions: [
+    StarterKit,
+  ],
   content: '<p>Hello World!</p>',
 })
 ```
diff --git a/docs/src/docPages/installation/alpine.md b/docs/src/docPages/installation/alpine.md
index 7913a142..9ccb0eed 100644
--- a/docs/src/docPages/installation/alpine.md
+++ b/docs/src/docPages/installation/alpine.md
@@ -47,7 +47,7 @@ This is the fastest way to get tiptap up and running with Alpine.js. It will giv
 ```js
 import alpinejs from 'alpinejs'
 import { Editor } from '@tiptap/core'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 window.setupEditor = function(content) {
   return {
@@ -56,7 +56,9 @@ window.setupEditor = function(content) {
     init(element) {
       this.editor = new Editor({
         element: element,
-        extensions: defaultExtensions(),
+        extensions: [
+          StarterKit,
+        ],
         content: this.content,
         onUpdate: ({ editor }) => {
           this.content = editor.getHTML()
diff --git a/docs/src/docPages/installation/cdn.md b/docs/src/docPages/installation/cdn.md
index 3e7d16d6..1335fdf3 100644
--- a/docs/src/docPages/installation/cdn.md
+++ b/docs/src/docPages/installation/cdn.md
@@ -10,10 +10,12 @@ For testing purposes or demos, use our [Skypack](https://www.skypack.dev/) CDN b
   <div class="element"></div>
   <script type="module">
     import { Editor } from 'https://cdn.skypack.dev/@tiptap/core?min'
-    import { defaultExtensions } from 'https://cdn.skypack.dev/@tiptap/starter-kit?min'
+    import StarterKit from 'https://cdn.skypack.dev/@tiptap/starter-kit?min'
     const editor = new Editor({
       element: document.querySelector('.element'),
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
       content: '<p>Hello World!</p>',
     })
   </script>
diff --git a/docs/src/docPages/installation/livewire.md b/docs/src/docPages/installation/livewire.md
index e5edb2cb..f79ee51a 100644
--- a/docs/src/docPages/installation/livewire.md
+++ b/docs/src/docPages/installation/livewire.md
@@ -40,8 +40,8 @@ TODO
 
 ## index.js
 ```js
-import { Editor } from "@tiptap/core"
-import { defaultExtensions } from "@tiptap/starter-kit"
+import { Editor } from '@tiptap/core'
+import StarterKit from '@tiptap/starter-kit'
 
 window.setupEditor = function (content) {
   return {
@@ -51,7 +51,9 @@ window.setupEditor = function (content) {
     init(element) {
       this.editor = new Editor({
         element: element,
-        extensions: defaultExtensions(),
+        extensions: [
+          StarterKit,
+        ],
         content: this.content,
         onUpdate: ({ editor }) => {
           this.content = editor.getHTML()
diff --git a/docs/src/docPages/installation/nuxt.md b/docs/src/docPages/installation/nuxt.md
index e7a5f5c4..e7a67c11 100644
--- a/docs/src/docPages/installation/nuxt.md
+++ b/docs/src/docPages/installation/nuxt.md
@@ -51,7 +51,7 @@ This is the fastest way to get tiptap up and running with Vue. It will give you
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -67,7 +67,9 @@ export default {
   mounted() {
     this.editor = new Editor({
       content: '<p>I’m running tiptap with Vue.js. 🎉</p>',
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
     })
   },
 
diff --git a/docs/src/docPages/installation/react.md b/docs/src/docPages/installation/react.md
index 93c1207c..308b8eb5 100644
--- a/docs/src/docPages/installation/react.md
+++ b/docs/src/docPages/installation/react.md
@@ -46,11 +46,13 @@ This is the fastest way to get tiptap up and running with React. It will give yo
 
 ```jsx
 import { useEditor, EditorContent } from '@tiptap/react'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 const Tiptap = () => {
   const editor = useEditor({
-    extensions: defaultExtensions(),
+    extensions: [
+      StarterKit,
+    ],
     content: '<p>Hello World! 🌎️</p>',
   })
 
diff --git a/docs/src/docPages/installation/svelte.md b/docs/src/docPages/installation/svelte.md
index 9fdd741a..757a66e5 100644
--- a/docs/src/docPages/installation/svelte.md
+++ b/docs/src/docPages/installation/svelte.md
@@ -51,7 +51,7 @@ This is the fastest way to get tiptap up and running with SvelteKit. It will giv
 <script type="module">
   import { onMount, onDestroy } from 'svelte'
   import { Editor } from '@tiptap/core'
-  import { defaultExtensions } from '@tiptap/starter-kit'
+  import StarterKit from '@tiptap/starter-kit'
 
   let element
   let editor
@@ -59,7 +59,9 @@ This is the fastest way to get tiptap up and running with SvelteKit. It will giv
   onMount(() => {
     editor = new Editor({
       element: element,
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
       content: '<p>Hello World! 🌍️ </p>',
       onTransaction: () => {
         // force re-render so `editor.isActive` works as expected
diff --git a/docs/src/docPages/installation/vue2.md b/docs/src/docPages/installation/vue2.md
index 29d11f7c..df015669 100644
--- a/docs/src/docPages/installation/vue2.md
+++ b/docs/src/docPages/installation/vue2.md
@@ -52,7 +52,7 @@ This is the fastest way to get tiptap up and running with Vue. It will give you
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -68,7 +68,9 @@ export default {
   mounted() {
     this.editor = new Editor({
       content: '<p>I’m running tiptap with Vue.js. 🎉</p>',
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
     })
   },
 
diff --git a/docs/src/docPages/installation/vue3.md b/docs/src/docPages/installation/vue3.md
index c98fdfbe..7d16b6e1 100644
--- a/docs/src/docPages/installation/vue3.md
+++ b/docs/src/docPages/installation/vue3.md
@@ -52,7 +52,7 @@ This is the fastest way to get tiptap up and running with Vue. It will give you
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-3'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -68,7 +68,9 @@ export default {
   mounted() {
     this.editor = new Editor({
       content: '<p>I’m running tiptap with Vue.js. 🎉</p>',
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
     })
   },
 
@@ -88,7 +90,7 @@ Alternatively, you can use the Composition API with the `useEditor` method.
 
 <script>
 import { useEditor, EditorContent } from '@tiptap/vue-3'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -98,7 +100,9 @@ export default {
   setup() {
     const editor = useEditor({
       content: '<p>I’m running tiptap with Vue.js. 🎉</p>',
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
     })
 
     return { editor }
@@ -141,7 +145,7 @@ You’re probably used to bind your data with `v-model` in forms, that’s also
 
 <script>
 import { Editor, EditorContent } from '@tiptap/vue-3'
-import { defaultExtensions } from '@tiptap/starter-kit'
+import StarterKit from '@tiptap/starter-kit'
 
 export default {
   components: {
@@ -176,7 +180,9 @@ export default {
   mounted() {
     this.editor = new Editor({
       content: this.modelValue,
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
       onUpdate: () => {
         this.$emit('update:modelValue', this.editor.getHTML())
       },
diff --git a/docs/src/pages/index.vue b/docs/src/pages/index.vue
index 4c7787d8..49bd7d41 100644
--- a/docs/src/pages/index.vue
+++ b/docs/src/pages/index.vue
@@ -121,11 +121,13 @@
 
   &lt;script type="module"&gt;
     import { Editor } from 'https://cdn.skypack.dev/@tiptap/core?min'
-    import { defaultExtensions } from 'https://cdn.skypack.dev/@tiptap/starter-kit?min'
+    import StarterKit from 'https://cdn.skypack.dev/@tiptap/starter-kit?min'
 
     const editor = new Editor({
       element: document.querySelector('.element'),
-      extensions: defaultExtensions(),
+      extensions: [
+        StarterKit,
+      ],
       content: '&lt;p&gt;Hello World :-)&lt;/p&gt;',
     })
   &lt;/script&gt;