loading csv file and remove one layer nested data

[xarthurx]

I cannot find any examples online for reading .csv data with the querryContent approach, so I'll just ask here.

When reading a file that contains several column of data, I can do:

let { data: classSchedule } = await useAsyncData('classSchedule', () => queryContent('/schedule')
  .where({'title': dayjs().year().toString() }).find())

where schedule is a folder under /content

I have several files inside, namely 2022.csv, 2023.csv etc, showing the schedule for each year.
With the code above, I get the classSchedule Proxy, where I can get classSchedule.value.

But in order to show it in a table with ag-grid, I want to get the nested array, instead of the whole csv data as one item of the array.

If you look at the data structure below:

The second arrow points to a manually defined ref:

const columnDefs = reactive({
      value: [
           { field: "make" },
           { field: "model" },
           { field: "price" }
      ],
});

For the Proxy where the first arrow pointed to, I want the body (Array(10)).
How can I get that?

More reference of Ag-grid + Vue: https://www.ag-grid.com/vue-data-grid/getting-started/

[xarthurx]

OK, I finally got this by:

classSchedule = toRaw(isRef(classSchedule)? classSchedule.value : classSchedule).body;