[Feature request] The pageData from usePageData should be tracked, but it is read-only

[laoergege]

Feature request

Description

/**
 * Empty page data to be used as the fallback value
 */
const pageDataEmpty = readonly({
  key: '',
  path: '',
  title: '',
  lang: '',
  frontmatter: {},
  excerpt: '',
  headers: [],
} as PageData) as PageData

/**
 * Global page data ref
 */
export const pageData: PageDataRef = ref(pageDataEmpty)

/**
 * Returns the ref of the data of current page
 */
export const usePageData = <
  T extends Record<any, any> = Record<never, never>
>(): PageDataRef<T> => pageData as PageDataRef<T>

The pageData is async load.
In my mind, the pageData should be tracked, which is only read.

[laoergege]

const createPageDataEmpty = (): PageData => ({
  key: '',
  path: '',
  title: '',
  lang: '',
  frontmatter: {},
  excerpt: '',
  headers: [],
})
const pageDataEmpty = readonly(createPageDataEmpty()) as PageData

/**
 * Global page data ref
 */
export const pageData: PageDataRef = ref(createPageDataEmpty())

/**
 * Returns the ref of the data of current page
 */
export const usePageData = <T extends PageData>(): ComputedRef<T> =>
  computed(() => pageData.value) as ComputedRef<T>

I think the usePageData should return a computed data that can be tracked and only read.