Failed to mount component

[BenWaNH]

Hi!

i can't use this plugin and i don't understand why
this is my vue file component :

<template>
    <v-chart v-bind:chartData="chartData"></v-chart>
</template>


<script>
    import Chart from 'v-chart-plugin'

    export default {
        components: {
          'v-chart': Chart,
        },
        data () {
            return {
                chartData: {
                    chartType: "bubbleChart",
                    selector: "chart",
                    title: "Important Data",
                    width: 400,
                    height: 200,
                    metric: ['count', 'pyCount', 'revenue'],
                    data: [
                        {'count': 120,
                            'pyCount': 115,
                            'revenue': 170,
                            'fruit': 'apples'},
                        {'count': 250,
                            'pyCount': 255,
                            'revenue': 325,
                            'fruit': 'oranges'}
                    ]
                }
            }
        }
    }
</script>

But i've this message when compiling

[Vue warn]: Failed to mount component: template or render function not defined.

Someone can help me?!
Thanks.

[ignoreintuition]

This is a plug-in. Since you are loading it as a component it is not going to work. This article will show you step by step how to add it in as a plugin. https://link.medium.com/CQ1TaMjJTT.

[BenWaNH]

Ok, indeed, it works better... I didn't understood that is not a component
Thanks again for your help

[ignoreintuition]

Excellent. Don’t hesitate to reach out if you have any more issues