[Question] How could call the Vue method in addImageBlobHook

[sweetyuria]

Version

@toast-ui/vue-editor: 1.1.1 vue: 2.6.10

Test Environment

Chrome IOS

Current Behavior

<template>
  <tui-editor :options="editorOptions" :height="defaultHeight"
              mode="wysiwyg" :visible="true" ref="tuiEditor"
  />
</template>

<script>
import { Editor } from '@toast-ui/vue-editor'

export default {
  components: {
    'tui-editor': Editor
  },
  props: {
    defaultHeight: String
  },
  data: () => ({
    editorOptions: {
      minHeight: '200px',
      language: 'ko_KR',
      useCommandShortcut: true,
      useDefaultHTMLSanitizer: true,
      usageStatistics: false,
      hideModeSwitch: true,
      toolbarItems: [
        'heading',
        'bold',
        'italic',
        'divider',
        'hr',
        'quote',
        'divider',
        'image',
        'link',
        'divider'
      ],
      exts: [
        'colorSyntax'
      ],
      hooks: {
        addImageBlobHook (blob, callback) {
          let url = this.uploadFile(blob) // How can I call a function?
          callback.call('[image]', url) // It works.
          return true
        }
      }
    }
  }),
  methods: {
    uploadFile (blob) {
      const formData = new FormData()
      // blob blar blar blar
      this.axios.post('/api/external/fileUpload', formData, {
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      }).then(res => {
        if (res.data.code !== 0) throw res.data.message
        return res.data.data.imageUrl
      }, () => alert('시스템에서 오류가 발생하였습니다.'))
        .catch(errorMsg => alert(errorMsg))
        .finally(() => {
          return false
        })
    },
    getHtml () {
      let html = this.$refs.tuiEditor.invoke('getHtml')
      return html
    },
    setHtml (obj) {
      this.$refs.tuiEditor.invoke('setHtml', obj)
    }
  }
}
</script>

<style scoped>

</style>

Expected Behavior

addImageBlobHook call vue method.

I'd like to call my Vue method. How could I access the Vue method?

vue 초보라서 어떻게 접근할지 모르겠습니다. 좋은 에디터를 만들어 주어서 감사합니다. 멋지고 한글 호환 잘된다는 에디터를 쓰고 싶습니다. 이미지 업로드시 훅도 제공해서 딱 필요합니다. 매우 쓰고 싶습니다. 도와주세요.

[sweetyuria]

      hooks: {
        addImageBlobHook (blob, callback) {
          let fileUpload = (blob) => {
            const formData = new FormData()
            formData.append('file', blob)
            const axios = require('axios') // this way
            axios.post('/api/external/fileUpload', formData, {
              headers: {
                'Content-Type': 'multipart/form-data'
              }
            }).then(res => {
              if (res.data.code !== 0) throw res.data.message
              callback.call('[image]', res.data.data.imageUrl)
            }, () => alert('시스템에서 오류가 발생하였습니다. 개발팀에 문의바랍니다.'))
              .catch(errorMsg => alert(errorMsg))
          }

          fileUpload(blob, callback)

          return true
        }
      }