nuxt-directus-sdk Playground
Interactive examples for every composable and function exported by this module. Use the sidebar to navigate between demos.
Auth
- Login —
login(),loginWithProvider(), redirect options,directus:loggedInhook - Register —
register() - Password Reset —
passwordRequest(),passwordReset() - Profile (protected) —
readMe(),updateMe(),useDirectusUser() - Dashboard (protected) —
authmiddleware - Middleware —
guestmiddleware,enableGlobalAuthMiddleware,directus:loggedInhook
Composables
- Server Side —
useAdminDirectus(),useSessionDirectus(),useTokenDirectus() - Client Side —
useDirectusUrl(),useDirectusOriginUrl(),useDirectusPreview(),useDirectusVisualEditor()
Data
- Auto-Imports —
readSingleton()vs.useAsyncData() - Blog (readItems) —
useDirectus()+readItems()with filter & sort
Visual Editor
- Visual Editor Demo —
DirectusVisualEditor,useDirectusVisualEditor(), setup instructions
File Management
- Upload & URL —
uploadDirectusFile(),uploadDirectusFiles(),getDirectusFileUrl()