nuxt-x-app-admin
Users Profile
User profile card with editable fields, optional avatar upload, and field visibility configuration.
Users Profile
User profile card with editable fields, optional avatar upload, and field visibility configuration.
Components
<XAdminUsersProfile />
Props, events, and behaviour reflect the actual <script setup> of XAdmin/Users/Profile.vue in @xenterprises/nuxt-x-app-admin.
<XAdminUsersProfile />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
user | Object | REQUIRED | User object to display / edit. |
editable | Boolean | false | Allow editing the profile inline. |
editing | Boolean | false | Controlled editing state (use v-model:editing for two-way). |
avatarUploadable | Boolean | false | Show avatar upload control. |
avatarEndpoint | String | '' | POST endpoint to upload avatar. Empty disables upload. |
loading | Boolean | false | External loading flag. |
fields | Array | 'name','email','role','department' | Fields to show from the user object. |
header | Boolean | true | Render the card header. |
showDetails | Boolean | true | Render the details grid. |
Emits
| Event | Payload | Description |
|---|---|---|
update:editing | varies | v-model:editing update for edit-mode toggle (Profile). |
save | varies | Fired after a successful save. |
cancel | varies | Fired when a subscription is cancelled. |
avatar-change | varies | Fired when the avatar is replaced (Profile). |
AI Context
component: XAdminUsersProfile
package: "@xenterprises/nuxt-x-app-admin"
category: Users
source: app/components/XAdmin/Users/Profile.vue
use-when: User profile card with editable fields, optional avatar upload, and field visibility configuration.