问如何更新vue-chartjs中的道具更改图表

EN

<script>
    import DoughnutChart from './DoughnutChart.js'
    export default {
        name: 'Card',
        components: {
            DoughnutChart
        },
        props: ['scheda'],
        created() {
            console.log(this.scheda)
        }
    }
</script>
<template>
   <DoughnutChart type="abcd" :chartData="this.scheda"/>
</template>

import { defineComponent, h } from 'vue'

import { Doughnut } from 'vue-chartjs'
import {
    Chart as ChartJS,
    Title,
    Tooltip,
    Legend,
    ArcElement,
    CategoryScale
} from 'chart.js'

ChartJS.register(Title, Tooltip, Legend, ArcElement, CategoryScale)

export default defineComponent({
    name: 'DoughnutChart',
    components: {
        Doughnut
    },
    props: ['type', 'chartData'],
    setup(props) {
      const chartData = {
      labels: ['A', 'B'],
      datasets: [
        {
          backgroundColor: ["#ff3333", "#131b2e"],
          cutout: "75%",
          borderWidth: 0,
          data: [props.chartData.value, (100 - props.chartData.value)]
        }
      ]
    }  
    const chartOptions = {
      plugins: {
        legend: {
            display: false
        }
      },
      responsive: true,
      maintainAspectRatio: false
    }  
    return () =>
      h(Doughnut, {
        chartData,
        chartOptions
      })
  }
})