Data Transformation in content.config.ts (v3)

[franklin-tina]

Is your feature request related to a problem? Please describe

Note

This feature request for v3

I currently repeat data transformation code in multiple places.
For example, on the home page, I fetch post data and transform it like so:

// Used in: index.vue, all-post.vue
const { data: posts } = await useAsyncData('blog', () => queryCollection('blog').select('id', 'title', 'path', 'description', 'tags', 'createdAt', 'updatedAt').order('createdAt', 'DESC').limit(2).all(), {
  transform(data) {
    return data.map((post) => ({
      ...post,
      // some other transformations for tags, and other values etc
      createdAt: new Date(post.createdAt).toLocaleDateString(),
    }))
  },
})

I do the same transformation on the "All posts" page and possibly other pages. This repetition can make it harder to maintain, and have consistent data across the pages where one might use it.

Describe the solution you'd like

I would like to configure data transformations directly in the content.config.ts file, if possible. This would centralize the transformation logic, making future updates in one file only

Describe alternatives you've considered

An alternative is to keep the transformation logic in each place where data is fetched, what I currently do.

Additional context

I saw a reference to a defineContentPlugin, with a transform property in an example file in the docs. However, I couldn't find any implementation of it in the source code.
Does this exist? If yes, I suppose we can perform transformations in there too.

Thanks 💚,
cc @larbish

[franklin-tina]

Looking at this again, I think one could define a server plugin and do a transform in the content:file:afterParse hook. 🤔