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:
2026-04-27 14:56:53 -05:00
parent 67482f6629
commit a2eb1f3789
154 changed files with 10346 additions and 51 deletions

View File

@@ -0,0 +1,66 @@
# InputMenu
An autocomplete input with real-time suggestions.
> Based on [Reka UI InputMenu](https://reka-ui.com/docs/components/combobox)
## Key Props
- `items`: as an array of strings, numbers or booleans:
## ::component-code
prettier: true
ignore:
- modelValue
- items
external:
- items
- modelValue
props:
modelValue: 'Backlog'
items: - Backlog - Todo - In Progress - Done
---
::
You can also pass an array of objects with the following properties:
- `label?: string`{lang="ts-type"}
- [`type?: "label" | "separator" | "item"`{lang="ts-type"}](#with-items-type)
- [`icon?: string`{lang="ts-type"}](#with-icons-in-items)
- [`avatar?: AvatarProps`{lang="ts-type"}](#with-avatar-in-items)
- [`chip?: ChipProps`{lang="ts-type"}](#with-chip-in-items)
- `disabled?: boolean`{lang="ts-type"}
- `onSelect?: (e: Event) => void`{lang="ts-type"}
- `class?: any`{lang="ts-type"}
- `ui?: { tagsItem?: ClassNameValue, tagsItemText?: ClassNameValue, tagsItemDelete?: ClassNameValue, tagsItemDeleteIcon?: ClassNameValue, label?: ClassNameValue, separator?: ClassNameValue, item?: ClassNameValue, itemLeadingIcon?: ClassNameValue, itemLeadingAvatarSize?: ClassNameValue, itemLeadingAvatar?: ClassNameValue, itemLeadingChip?: ClassNameValue, itemLeadingChipSize?: ClassNameValue, itemLabel?: ClassNameValue, itemTrailing?: ClassNameValue, itemTrailingIcon?: ClassNameValue }`{lang="ts-type"}
## ::component-code
ignore:
- modelValue.
- `multiple`: to allow multiple selections, the selected items will be displayed as tags.
- `placeholder`: to set a placeholder text.
- `content`: to control how the InputMenu content is rendered, like its `align` or `side` for example.
- `arrow`: to display an arrow on the InputMenu.
- `color`: to change the ring color when the InputMenu is focused.
- `variant`: to change the variant of the InputMenu.
- `size`: to change the size of the InputMenu.
- `icon`: to show an [Icon](/docs/components/icon) inside the InputMenu.
- `avatar`: to show an [Avatar](/docs/components/avatar) inside the InputMenu.
## Usage
```vue
<UInputMenu
<!-- props here -->
/>
```
## Slots
- `#leading`