text: import { defineComponent, h } from 'vue';
  import { Pie } 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: "PieChart",
  	components: {
  		Pie,
  	},
  	props: {
  		chartData: {
  			type: Object,
  			default: () => {},
  		},
  		chartId: {
  			type: String,
  			default: "pie-chart",
  		},
  		width: {
  			type: Number,
  			default: 400,
  		},
  		height: {
  			type: Number,
  			default: 400,
  		},
  		cssClasses: {
  			default: "",
  			type: String,
  		},
  		styles: {
  			type: Object,
  			default: () => {},
  		},
  		plugins: {
  			type: Array,
  			default: () => [],
  		},
  	},
  	setup(props) {
  		const chartData = props.chartData;
  		const chartOptions = props.chartOptions
  		return () =>
  			h(Pie, {
  				chartData: props.chartData,
  				chartOptions: props.chartOptions,
  				chartId: props.chartId,
  				width: props.width,
  				height: props.height,
  				cssClasses: props.cssClasses,
  				styles: props.styles,
  				plugins: props.plugins,
  			});
  	},
  });
  