add more content, add tests to the tasklist extension

docs/src/demos/Nodes/Text/TaskList/index.vue

@@ -1,70 +0,0 @@
-<template>
-  <div v-if="editor">
-    <button @click="editor.chain().focus().taskList().run()" :class="{ 'is-active': editor.isActive('task_list') }">
-      task list
-    </button>
-
-    <editor-content :editor="editor" />
-  </div>
-</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 TaskList from '@tiptap/extension-task-list'
-import TaskItem from '@tiptap/extension-task-item'
-
-export default {
-  components: {
-    EditorContent,
-  },
-
-  data() {
-    return {
-      editor: null,
-    }
-  },
-
-  mounted() {
-    this.editor = new Editor({
-      extensions: [
-        Document(),
-        Paragraph(),
-        Text(),
-        TaskList(),
-        TaskItem(),
-      ],
-      content: `
-        <ul data-type="task_list">
-          <li data-type="task_item" data-checked="true">A list item</li>
-          <li data-type="task_item" data-checked="false">And another one</li>
-        </ul>
-      `,
-    })
-  },
-
-  beforeDestroy() {
-    this.editor.destroy()
-  },
-}
-</script>
-
-<style lang="scss">
-ul[data-type="task_list"] {
-  list-style: none;
-  padding: 0;
-
-  li {
-    display: flex;
-    align-items: center;
-
-    > input {
-      flex: 0 0 auto;
-      margin-right: 0.5rem;
-    }
-  }
-}
-</style>