text: import { h, ref, onMounted } from 'vue'
  import { BubbleChart } from '@carbon/charts'
  import useBaseChart, { useBaseChartProps } from '../composables/BaseChart'
  
  export default {
    name: 'QccBubble',
  
    props: {
      ...useBaseChartProps
    },
  
    setup (props, { expose }) {
      const { coreChart } = useBaseChart(props)
      const chartRef = ref(null)
  
      onMounted(() => {
        coreChart.value = new BubbleChart(chartRef.value, {
          data: props.data,
          options: props.options,
        })
      })
  
      expose({
        coreChart
      })
  
      function __renderChart () {
        return h('div', {
          ref: chartRef,
          class: 'q-carbon-charts q-carbon-charts-bubble'
        })
      }
  
      return __renderChart
    }
  
  }