# useAppData()

> 

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

```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