refactoring

docs/src/demos/Examples/DragHandle/Component.vue

@@ -37,6 +37,7 @@ export default {
   padding: 0.5rem;
   margin: 0.5rem 0;
   border-radius: 0.5rem;
+  background: white;
   box-shadow:
     0 0 0 1px rgba(0, 0, 0, 0.1),
     0px 10px 20px rgba(0, 0, 0, 0.1),

docs/src/demos/Examples/DragHandle/DraggableItem.js

@@ -11,16 +11,6 @@ export default Node.create({
 
   draggable: true,
 
-  selectable: true,
-
-  addAttributes() {
-    return {
-      checked: {
-        default: false,
-      },
-    }
-  },
-
   parseHTML() {
     return [
       {

docs/src/demos/Examples/DragHandle/index.vue

@@ -5,12 +5,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent } from '@tiptap/vue'
-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 { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
 import DraggableItem from './DraggableItem.js'
 
 export default {
@@ -27,10 +22,7 @@ export default {
   mounted() {
     this.editor = new Editor({
       extensions: [
-        Document,
-        Paragraph,
-        Text,
-        Dropcursor,
+        ...defaultExtensions(),
         DraggableItem,
       ],
       content: `