Where is my mistake in using toast image editor in VUE

JavaScript
1

Hello,

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:

<template>

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

</template>
<script>
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
                }
            };
        }
    }

</script>

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

regards,
Saeed

2

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