如何在Vue/Nuxt的Tiptap编辑器中添加Base64图片？

我在Vue和Nuxt.js中使用Tiptap编辑器，想要实现用户上传图片的功能。常规方式是通过弹窗让用户输入图片URL来加载显示，但我想通过input标签，在change事件触发时获取图片的Base64格式URL并插入编辑器中，不过目前该功能无法正常工作。

以下是我的实现代码：

Data 部分代码 #

data() {
  return {
    editor: new Editor({
      content: '<p>Write Something.....</p>',
      extensions: [
        StarterKit,
        Image.configure({
          allowBase64: true,
          inline: true,
        }),
      ],
    }),
  };
},

模板部分代码 #

<label for="img-uploader" id="uploader">Upload</label>
<input
  id="img-uploader"
  type="file"
  accept="image/jpeg"
  style="display: none"
  @change="addImage"
/>

方法部分代码 #

addImage(event) {
  const file = event.target.files[0];

  if (file) {
    const reader = new FileReader();

    reader.onload = (e) => {
      const dataURL = e.target.result;
      console.log(dataURL);
      this.editor.chain().focus().setImage({ src: dataURL }).run();
    };

    reader.readAsDataURL(file);
  }
},

内容的提问来源于stack exchange，提问作者Dilip