vue + quilljs + image resize

vue-quill.js

<template lang="html">
  <div id="editor">
    <quill-editor
      class="editor-example"
      ref="myQuillEditor"
      :content="content"
      :options="editorOption"
      @change="onEditorChange($event)">
    </quill-editor>
  </div>
</template>

<script>
import Quill from 'quill'
let ImageResize = require('quill-image-resize-module/image-resize.min.js').default
Quill.register('modules/imageResize', ImageResize)
let ImageDrop = require('quill-image-drop-module/image-drop.min.js').default

import Vue from 'vue'
import VueQuillEditor from 'vue-quill-editor'
Vue.use(VueQuillEditor)

export default {
  data() {
    return {
      content: 'I am Example',
      editorOption: {
        theme: 'bubble', placeholder: "...",
        modules: {
          toolbar: [
            [ 'bold', 'italic', 'underline', 'strike',{'header': [2, 3, false]} ],
            [ {'list': 'ordered'},{'list': 'bullet'},{'align': [] } ],
            [ 'link', 'image' ], [ 'clean' ]
          ],
          imageResize: {
            modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]
            // displaySize: true
          },
          imageDrop: true
        }
      }
    }
  },
  methods: {
    onEditorBlur(editor) {},
    onEditorFocus(editor) {},
    onEditorReady(editor) {},
    onEditorChange({ editor, html, text }) {
      this.content = html
    }
  },
  computed: {
    editor() {
      return this.$refs.myQuillEditor.quill
    }
  },
  created(){

  },
  mounted() {
    window.$vm = this
    // console.log('this is current quill instance object', this.editor)
  }
}
</script>
<style>
.ql-bubble .ql-picker-label { padding-left:0 !important; }
</style>