nuxt-x-users
Nuxt layer providing admin UI components and composables for user management, backed by fastify-xadmin.
nuxt-x-users
@xenterprises/nuxt-x-users is a Nuxt layer that provides a complete admin user management UI — directory listing, profile viewing and editing, role assignment, email invitations, and password reset — all wired to the @xenterprises/fastify-xadmin backend API.
Installation
npm install @xenterprises/nuxt-x-users
// nuxt.config.ts
export default defineNuxtConfig({
extends: ['@xenterprises/nuxt-x-users']
})
Components
| Component | Description |
|---|---|
XUsersDirectory | Searchable, paginated user list with invite and impersonate actions |
XUsersProfile | User profile view and edit card with avatar, name, and account details |
XUsersRoleEditor | Role assignment UI for granting or revoking user roles |
XUsersInvite | Email invitation form for sending new user invites |
XUsersResetPassword | Password reset trigger for initiating a reset on behalf of a user |
Composables
| Composable | Description |
|---|---|
useXUsers | Fetch and manage users programmatically — listing, inviting, and changing roles |
Prerequisites
- Nuxt 4
@xenterprises/nuxt-x-app@xenterprises/fastify-xadmin(backend)
AI Context
package: "@xenterprises/nuxt-x-users"
prefix: XUsers
components: [XUsersDirectory, XUsersProfile, XUsersRoleEditor, XUsersInvite, XUsersResetPassword]
composables: [useXUsers]
use-when: Admin panels for user management — directory, profile, roles, invite, password reset
backend-pair: "@xenterprises/fastify-xadmin"