Chartjs-Unable to hide x axis for horizontal bar chart vue js

It seems the options data is not at the right place in the script file.

It should be inside the data field.
Here is an example that generate this chart

options: {
    legend: {
        display: false
    },
    scales: {
        yAxes: [
            {
                ticks: {
                    display: false // this will remove only the label
                },
                gridLines: {
                    display: false,
                    drawOnChartArea: false,
                    drawBorder: false
                }
            }
        ],
        xAxes: [
            {
                gridLines: {
                    display: false,
                    drawOnChartArea: false,
                    drawBorder: false
                }
            }
        ]
    }
}

Demo
Codepen
https://codepen.io/kunukn/pen/952b318beaf06a0da8106960547d5eb5

Codesandbox
https://codesandbox.io/s/vuejs-vue-chartjs-ebrsk?file=/src/App.vue