- Add nuxt-skills (vue, nuxt, nuxt-ui) to .claude/skills/ - Create useCustomerSelection() composable for managing insured/buyer selection - Create usePolicyApi() composable for policy API operations - Update auto quote components to use insured/buyer instead of client - Update vehicle fields: remove valorVehiculo, add market_value, requested_value, rc_limits - Make chassis_number and engine_number optional - Update auto quote types and composables to match new API structure - Update auto quote page to submit to policy API with new structure
21 lines
597 B
Markdown
21 lines
597 B
Markdown
# ChatMessage
|
|
|
|
Display a chat message with icon, avatar, and actions.
|
|
|
|
## Key Props
|
|
|
|
- `parts`: to display the message content using the AI SDK v5 format.
|
|
- `side`: to display the message on the left or right.
|
|
- `variant`: to change style of the message.
|
|
- `icon`: to display an [Icon](/docs/components/icon) component next to the message.
|
|
- `avatar`: to display an [Avatar](/docs/components/avatar) component next to the message.
|
|
- `actions`: to display actions below the message that will be displayed when hovering over the message.
|
|
|
|
## Usage
|
|
|
|
```vue
|
|
<UChatMessage
|
|
<!-- props here -->
|
|
/>
|
|
```
|