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:loggedIn hook
Register — register()
Password Reset — passwordRequest(), passwordReset()
Profile (protected) — readMe(), updateMe(), useDirectusUser()
Dashboard (protected) — auth middleware
Middleware — guest middleware, enableGlobalAuthMiddleware, directus:loggedIn hook

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()