Frontend Composables
Overview
The composables a custom Nuxt layer's Vue calls to integrate with the DMS.
When your frontend layer ships its own Vue (Frontend layer), these are the composables it calls to talk to the DMS — the table below maps them to their chapters. Where the previous section, Extending the dashboard, is about registering capabilities, this one is the toolkit your components consume.
All are auto-imported by the base layers — call them from <script setup> or a composable; no import needed.
The toolkit
| Chapter | Composables |
|---|---|
| Auth requests & permissions | useAuthFetch ($authFetch/useFetchAuth), usePermissions, useMultiAccount, useCurrentUser, useLogout, useSessionRecovery |
| Realtime & notifications | useRealtimeTopic, usePageRealtime, useUserRealtime, useNotifications |
| Page context | useSiteLayout, useCurrentModule, useIsOwner, usePreferences, useFavoritePages, page setup, … |
| UI toolkit | useModal, useDrawer, useConfirm, useApiError, useExportJob |
| Utilities | i18n (useTranslation), leave guard (usePageLeaveGuard), onboarding |
For any backend call, use
useAuthFetch ($authFetch / useFetchAuth) — never a bare $fetch/useFetch. Only the authenticated wrappers attach the bearer token and recover from an expired session. See Auth requests & permissions.