Update Tiptap Editor

Author: daniel-cintra

src/Console/InstallerTraits/FrontendPackages.php

@@ -34,16 +34,11 @@ protected function installFrontendPackages(): void
             'prettier-plugin-blade' => '^2.1.18',
             'prettier-plugin-tailwindcss' => '^0.7.2',
 
-            '@tiptap/vue-3' => '^2.2.4',
-            '@tiptap/starter-kit' => '^2.2.4',
-            '@tiptap/extension-link' => '^2.2.4',
-            '@tiptap/extension-underline' => '^2.2.4',
-            '@tiptap/extension-image' => '^2.2.4',
-            '@tiptap/extension-youtube' => '^2.2.4',
-            '@tiptap/extension-table' => '^2.2.4',
-            '@tiptap/extension-table-header' => '^2.2.4',
-            '@tiptap/extension-table-row' => '^2.2.4',
-            '@tiptap/extension-table-cell' => '^2.2.4',
+            '@tiptap/vue-3' => '^3.13.0',
+            '@tiptap/starter-kit' => '^3.13.0',
+            '@tiptap/extension-image' => '^3.13.0',
+            '@tiptap/extension-youtube' => '^3.13.0',
+            '@tiptap/extension-table' => '^3.13.0',
 
             'remixicon' => '^4.2.0',
             'tailwindcss' => '^4.0.0',

stubs/resources/js/Components/Form/AppTipTapEditor.vue

@@ -293,14 +293,9 @@
 import { ref, onBeforeUnmount } from 'vue'
 import { useEditor, EditorContent } from '@tiptap/vue-3'
 import StarterKit from '@tiptap/starter-kit'
-import Underline from '@tiptap/extension-underline'
-import Link from '@tiptap/extension-link'
 import Image from '@tiptap/extension-image'
 import Youtube from '@tiptap/extension-youtube'
-import Table from '@tiptap/extension-table'
-import TableCell from '@tiptap/extension-table-cell'
-import TableHeader from '@tiptap/extension-table-header'
-import TableRow from '@tiptap/extension-table-row'
+import { Table, TableCell, TableHeader, TableRow } from '@tiptap/extension-table'
 import TipTapButton from './TipTap/TipTapButton.vue'
 import TipTapDivider from './TipTap/TipTapDivider.vue'
 
@@ -383,10 +378,10 @@ const onError = (errorMessage) => {
 const editor = useEditor({
     content: props.modelValue,
     extensions: [
-        StarterKit,
-        Underline,
-        Link.configure({
-            openOnClick: false
+        StarterKit.configure({
+            link: {
+                openOnClick: false
+            }
         }),
         Image.configure({
             inline: false