text: import Rich from './Rich'
  import { Editor } from 'tiptap'
  import {
    Blockquote,
    CodeBlock,
    HardBreak,
    Heading,
    HorizontalRule,
    OrderedList,
    BulletList,
    ListItem,
    TodoItem,
    TodoList,
    Bold,
    Code,
    Italic,
    Link,
    Strike,
    Underline,
    Image,
    History
  } from 'tiptap-extensions'
  
  export default class List extends Rich {
    constructor (options={}) {
      super('list', options)
      if (options.value) {
        this.html = '<ul>'
        options.value.forEach((item) => {
          this.html += '<li>' + item + '</li>'
        })
        this.html += '</ul>'
      }
      this.editor = new Editor({
        content: this.html,
        extensions: [
          new Blockquote(),
          new BulletList(),
          new CodeBlock(),
          new HardBreak(),
          new Heading({ levels: [1, 2, 3] }),
          new HorizontalRule(),
          new ListItem(),
          new OrderedList(),
          new TodoItem(),
          new TodoList(),
          new Bold(),
          new Code(),
          new Italic(),
          new Link(),
          new Strike(),
          new Underline(),
          new Image(),
          new History()
        ]
      })
      this.content = this.editor.getJSON()
    }
  }
  