vue-filepond with toast-ui.vue-image-editor

Hello

I am trying to integrate toast-ui.vue-image-editor using vue, I tried to follow the example with Doka.js and adapted to toast-ui.vue-image-editor but I am getting error : Uncaught TypeError: Object(…) is not a function, I think it’s related to the create func that it’s imported from vue-filepond. Can you please help? thank you in advance.

import { vueFilePond, create } from 'vue-filepond'
// import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type'
// Import FilePond styles
import 'filepond/dist/filepond.min.css'
// Import image preview plugin styles
import 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css'
import { uploadSvc } from '../services/file-upload-svc.js'

// Import image preview and file type validation plugins
import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type'
import FilePondPluginImagePreview from 'filepond-plugin-image-preview'
import { ImageEditor } from '@toast-ui/vue-image-editor'
// Import the plugin code
import FilePondPluginImageEdit from 'filepond-plugin-image-edit'
// Import the plugin styles
// import 'filepond-plugin-image-edit/dist/filepond-plugin-image-edit.css';
// Create component
const FilePond = vueFilePond(
  FilePondPluginFileValidateType,
  FilePondPluginImagePreview,
  FilePondPluginImageEdit
)

create(document.querySelector('input'), {
  // default crop aspect ratio
  imageCropAspectRatio: 1,
  // resize to width of 200
  imageResizeTargetWidth: 200,
  // open editor on image drop
  imageEditInstantEdit: true,
  imageEditEditor: ImageEditor
})

[rikschennink]

I’ve added some more info to the docs to make it easier to integrate with other editors: https://pqina.nl/filepond/docs/patterns/plugins/image-edit/#integrating-other-editors

[HT-Moh]

Thank you