title: Vue: Cannot call a class as a function Apex
body: <p>I am trying to add a pie chart to my website using <a href="https://apexcharts.com/vue-chart-demos/pie-charts/simple-pie-chart/" rel="noreferrer">ApexCharts</a>. I've copied source code from their website but I received error "Cannot call a class as a function" in my website's console. </p>
  
  <p>Error disappears when I delete this line:</p>
  
  <pre><code>&lt;vue-apex-charts type="pie" width="380" :options="chartOptions" :series="series"&gt; &lt;/vue-apex-charts&gt;
  </code></pre>
  
  <p>Maybe there's a tiny problem.</p>
  
  <p>Source code from file PieChart.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="chart"&gt;
      &lt;vue-apex-charts type="pie" width="380" :options="chartOptions" :series="series"&gt; &lt;/vue-apex-charts&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
  import VueApexCharts from 'apexcharts'
  
  export default {
    name: 'PieChart',
    components: { VueApexCharts },
    data () {
      return {
        series: [44, 55, 13, 43, 22],
        chartOptions: {
          labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
          responsive: [{
            breakpoint: 480,
            options: {
              chart: {
                width: 200
              },
              legend: {
                position: 'bottom'
              }
            }
          }]
        }
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>And my second file, where I import PieChart.vue</p>
  
  <pre><code>&lt;script&gt;
  import PieChart from '@/components/activities/PieChart.vue'
  
  export default {
    name: 'Activities',
  
    components: { PieChart }
  
  }
  &lt;/script&gt;
  </code></pre>