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:
67
.claude/skills/nuxt-ui/components/radio-group.md
Normal file
67
.claude/skills/nuxt-ui/components/radio-group.md
Normal file
@@ -0,0 +1,67 @@
|
||||
# RadioGroup
|
||||
|
||||
A set of radio buttons to select a single option from a list.
|
||||
|
||||
> Based on [Reka UI RadioGroup](https://reka-ui.com/docs/components/radio-group)
|
||||
|
||||
## Key Props
|
||||
|
||||
- `items`: as an array of strings or numbers:
|
||||
|
||||
## ::component-code
|
||||
|
||||
prettier: true
|
||||
ignore:
|
||||
|
||||
- modelValue
|
||||
- items
|
||||
external:
|
||||
- items
|
||||
- modelValue
|
||||
props:
|
||||
modelValue: 'System'
|
||||
items: - 'System' - 'Light' - 'Dark'
|
||||
|
||||
---
|
||||
|
||||
::
|
||||
|
||||
You can also pass an array of objects with the following properties:
|
||||
|
||||
- `label?: string`{lang="ts-type"}
|
||||
- `description?: string`{lang="ts-type"}
|
||||
- [`value?: string`{lang="ts-type"}](#value-key)
|
||||
- `disabled?: boolean`{lang="ts-type"}
|
||||
- `class?: any`{lang="ts-type"}
|
||||
- `ui?: { item?: ClassNameValue, container?: ClassNameValue, base?: ClassNameValue, 'indicator'?: ClassNameValue, wrapper?: ClassNameValue, label?: ClassNameValue, description?: ClassNameValue }`{lang="ts-type"}
|
||||
|
||||
## ::component-code
|
||||
|
||||
ignore:
|
||||
|
||||
- modelValue
|
||||
- items
|
||||
external:
|
||||
- items
|
||||
- modelValue
|
||||
externalTypes:
|
||||
- RadioGroupItem[]
|
||||
props:
|
||||
modelValue: 'system'
|
||||
items: - label: 'System'
|
||||
description: 'This is the first option.
|
||||
- `legend`: to set the legend of the RadioGroup.
|
||||
- `color`: to change the color of the RadioGroup.
|
||||
- `variant`: to change the variant of the RadioGroup.
|
||||
- `size`: to change the size of the RadioGroup.
|
||||
- `orientation`: to change the orientation of the RadioGroup.
|
||||
- `indicator`: to change the position or hide the indicator.
|
||||
- `disabled`: to disable the RadioGroup.
|
||||
|
||||
## Usage
|
||||
|
||||
```vue
|
||||
<URadioGroup
|
||||
<!-- props here -->
|
||||
/>
|
||||
```
|
||||
Reference in New Issue
Block a user