Add nuxt-skills and update auto quotes to use new policy API structure
- 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
This commit is contained in:
52
.claude/skills/nuxt-ui/components/timeline.md
Normal file
52
.claude/skills/nuxt-ui/components/timeline.md
Normal file
@@ -0,0 +1,52 @@
|
||||
# Timeline
|
||||
|
||||
A component that displays a sequence of events with dates, titles, icons or avatars.
|
||||
|
||||
## Key Props
|
||||
|
||||
- `items`: as an array of objects with the following properties:
|
||||
|
||||
- `date?: string`{lang="ts-type"}
|
||||
- `title?: string`{lang="ts-type"}
|
||||
- `description?: AvatarProps`{lang="ts-type"}
|
||||
- `icon?: string`{lang="ts-type"}
|
||||
- `avatar?: AvatarProps`{lang="ts-type"}
|
||||
- `value?: string | number`{lang="ts-type"}
|
||||
- [`slot?: string`{lang="ts-type"}](#with-custom-slot)
|
||||
- `class?: any`{lang="ts-type"}
|
||||
- `ui?: { item?: ClassNameValue, container?: ClassNameValue, indicator?: ClassNameValue, separator?: ClassNameValue, wrapper?: ClassNameValue, date?: ClassNameValue, title?: ClassNameValue, description?: ClassNameValue }`{lang="ts-type"}
|
||||
|
||||
## ::component-code
|
||||
|
||||
ignore:
|
||||
|
||||
- items
|
||||
- class
|
||||
- defaultValue
|
||||
external:
|
||||
- items
|
||||
externalTypes:
|
||||
- TimelineItem[]
|
||||
props:
|
||||
defaultValue: 2
|
||||
items: - date: 'Mar 15, 2025'
|
||||
title: 'Project Kickoff'
|
||||
description: 'Kicked off the project with team alignment.
|
||||
- `color`: to change the color of the active items in a Timeline.
|
||||
- `size`: to change the size of the Timeline.
|
||||
- `orientation`: to change the orientation of the Timeline.
|
||||
- `ui`: to create a Timeline with alternating layout.
|
||||
- `slot`:
|
||||
|
||||
## Events
|
||||
|
||||
- `@select`: Emitted when an item is selected (v4.4+)
|
||||
|
||||
## Usage
|
||||
|
||||
```vue
|
||||
<UTimeline
|
||||
:items="items"
|
||||
@select="handleSelect"
|
||||
/>
|
||||
```
|
||||
Reference in New Issue
Block a user