chore(deps): update tiptap to v3.13.0 (v4) (#5619)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Benjamin Canac <[email protected]>

Author: renovate[bot]

docs/app/components/content/examples/editor/EditorExample.vue

@@ -4,8 +4,8 @@ import type { Editor, JSONContent } from '@tiptap/vue-3'
 import { upperFirst } from 'scule'
 import { mapEditorItems } from '@nuxt/ui/utils/editor'
 import { Emoji, gitHubEmojis } from '@tiptap/extension-emoji'
-import TextAlign from '@tiptap/extension-text-align'
-import ImageUpload from './EditorImageUpload'
+import { TextAlign } from '@tiptap/extension-text-align'
+import { ImageUpload } from './EditorImageUpload'
 import EditorLinkPopover from './EditorLinkPopover.vue'
 
 const value = ref(`# Building Modern Interfaces with Nuxt UI

docs/app/components/content/examples/editor/EditorImageUpload.ts

@@ -11,7 +11,7 @@ declare module '@tiptap/core' {
   }
 }
 
-export default Node.create({
+export const ImageUpload = Node.create({
   name: 'imageUpload',
   group: 'block',
   atom: true,
@@ -38,3 +38,5 @@ export default Node.create({
     }
   }
 })
+
+export default ImageUpload

docs/app/components/content/examples/editor/EditorImageUploadExample.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { EditorCustomHandlers, EditorToolbarItem } from '@nuxt/ui'
 import type { Editor } from '@tiptap/vue-3'
-import ImageUpload from './EditorImageUpload'
+import { ImageUpload } from './EditorImageUpload'
 
 const value = ref(`# Image Upload
 

docs/app/components/content/examples/editor/EditorToolbarItemsExample.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { EditorToolbarItem } from '@nuxt/ui'
-import TextAlign from '@tiptap/extension-text-align'
+import { TextAlign } from '@tiptap/extension-text-align'
 
 const value = ref(`This toolbar showcases **all available formatting options** using built-in handlers. Try the different controls to see them in action!
 

docs/content/docs/2.components/editor.md

@@ -114,7 +114,7 @@ You can use the `extensions` prop to add additional TipTap extensions to enhance
 ```vue
 <script setup lang="ts">
 import { Emoji } from '@tiptap/extension-emoji'
-import TextAlign from '@tiptap/extension-text-align'
+import { TextAlign } from '@tiptap/extension-text-align'
 
 const value = ref('<h1>Hello World</h1>\n')
 </script>

docs/package.json

@@ -22,8 +22,8 @@
     "@nuxt/ui": "workspace:*",
     "@nuxtjs/mcp-toolkit": "^0.5.1",
     "@nuxtjs/plausible": "^2.0.1",
-    "@tiptap/extension-emoji": "3.12.0",
-    "@tiptap/extension-text-align": "3.12.0",
+    "@tiptap/extension-emoji": "3.13.0",
+    "@tiptap/extension-text-align": "3.13.0",
     "@octokit/rest": "^22.0.1",
     "@regle/core": "^1.12.1",
     "@regle/rules": "^1.12.1",

package.json

@@ -133,19 +133,19 @@
     "@tailwindcss/vite": "^4.1.17",
     "@tanstack/vue-table": "^8.21.3",
     "@tanstack/vue-virtual": "^3.13.12",
-    "@tiptap/core": "3.12.0",
-    "@tiptap/extension-bubble-menu": "3.12.0",
-    "@tiptap/extension-drag-handle-vue-3": "3.12.0",
-    "@tiptap/extension-floating-menu": "3.12.0",
-    "@tiptap/extension-horizontal-rule": "3.12.0",
-    "@tiptap/extension-image": "3.12.0",
-    "@tiptap/extension-mention": "3.12.0",
-    "@tiptap/extension-placeholder": "3.12.0",
-    "@tiptap/markdown": "3.12.0",
-    "@tiptap/pm": "3.12.0",
-    "@tiptap/starter-kit": "3.12.0",
-    "@tiptap/suggestion": "3.12.0",
-    "@tiptap/vue-3": "3.12.0",
+    "@tiptap/core": "3.13.0",
+    "@tiptap/extension-bubble-menu": "3.13.0",
+    "@tiptap/extension-drag-handle-vue-3": "3.13.0",
+    "@tiptap/extension-floating-menu": "3.13.0",
+    "@tiptap/extension-horizontal-rule": "3.13.0",
+    "@tiptap/extension-image": "3.13.0",
+    "@tiptap/extension-mention": "3.13.0",
+    "@tiptap/extension-placeholder": "3.13.0",
+    "@tiptap/markdown": "3.13.0",
+    "@tiptap/pm": "3.13.0",
+    "@tiptap/starter-kit": "3.13.0",
+    "@tiptap/suggestion": "3.13.0",
+    "@tiptap/vue-3": "3.13.0",
     "@unhead/vue": "^2.0.19",
     "@vueuse/core": "^14.1.0",
     "@vueuse/integrations": "^14.1.0",

playgrounds/nuxt/app/components/editor/ImageUpload.ts

@@ -11,7 +11,7 @@ declare module '@tiptap/core' {
   }
 }
 
-export default Node.create({
+export const ImageUpload = Node.create({
   name: 'imageUpload',
   group: 'block',
   atom: true,
@@ -38,3 +38,5 @@ export default Node.create({
     }
   }
 })
+
+export default ImageUpload

playgrounds/nuxt/app/pages/components/editor.vue

@@ -4,8 +4,8 @@ import type { EditorToolbarItem, EditorMentionMenuItem, EditorEmojiMenuItem, Dro
 import type { JSONContent } from '@tiptap/vue-3'
 import { mapEditorItems } from '@nuxt/ui/utils/editor'
 import { Emoji, gitHubEmojis } from '@tiptap/extension-emoji'
-import TextAlign from '@tiptap/extension-text-align'
-import ImageUpload from '../../components/editor/ImageUpload'
+import { TextAlign } from '@tiptap/extension-text-align'
+import { ImageUpload } from '../../components/editor/ImageUpload'
 
 const content = ref(`# Nuxt UI: A Modern UI Library
 

playgrounds/nuxt/package.json

@@ -15,8 +15,8 @@
     "@iconify-json/simple-icons": "^1.2.62",
     "@internationalized/date": "^3.10.0",
     "@nuxt/ui": "workspace:*",
-    "@tiptap/extension-emoji": "3.12.0",
-    "@tiptap/extension-text-align": "3.12.0",
+    "@tiptap/extension-emoji": "3.13.0",
+    "@tiptap/extension-text-align": "3.13.0",
     "ai": "^5.0.108",
     "nuxt": "^4.2.1",
     "zod": "^4.1.13"