useAppData()

Use useAppData() to read the value returned by app/loader.ts.

const appData = useAppData()

Returns

ComputedRef<T | null>

T is inferred from app/loader.ts after vuloom prepare.

Typical use cases

  • theme and locale
  • shell navigation data
  • session-derived shell state
  • top-level document metadata inputs

Notes

  • this is app-shell data, not page-route data
  • use useLoaderData() for the current route node
  • use useRouteLoaderData(routeId) for an explicit route node