this component is a chart

<script>
import { Line } from "vue-chartjs";
    
  export default {
  extends: Line,
  mounted () {
        this.renderChart({
          labels: ["January", "February", "March", "April", "May", "June", "July"],
          datasets: [
            {
              label: "success",
              backgroundColor: "-sharpFC2525",
               fill: "transparent",
              data: [40, 39, 10, 40, 39, 80, 40]
            },
            {
              label: "fail",
              backgroundColor: "-sharp05CBE1",
                fill: "transparent",
              data: [60, 55, 32, 10, 2, 12, 53]
            }
          ]
        }, {responsive: true, maintainAspectRatio: false})
    
      }
}
</script>

    

then introduces and registers

import LineChart from "@/components/line.vue";
    export default {
       components:{
           LineChart
       },

but the chart disappears every time I refresh-sharp-sharp-sharp problem description