Where is my mistake in using toast image editor in VUE


I need to have an image editor in my app and decided to use toast image editor.

I made a component just for the issue and here you can see my code:


<tui-image-editor :include-ui="useDefaultUI" :options="options"></tui-image-editor>

import { ImageEditor } from '@toast-ui/vue-image-editor';
import ImageEditor from '@toast-ui/vue-image-editor/src/ImageEditor.vue'

    export default {
        components: {
            'tui-image-editor': ImageEditor
        data() {
            return {
                useDefaultUI: true,
                options: { // for tui-image-editor component's "options" prop
                    cssMaxWidth: 700,
                    cssMaxHeight: 500


But this code doesn’t work and I have problems with the index.html.
Do you think where is wrong with my code?


This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.