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:
43
.claude/skills/nuxt-ui/components/context-menu.md
Normal file
43
.claude/skills/nuxt-ui/components/context-menu.md
Normal file
@@ -0,0 +1,43 @@
|
||||
# ContextMenu
|
||||
|
||||
A menu to display actions when right-clicking on an element.
|
||||
|
||||
> Based on [Reka UI ContextMenu](https://reka-ui.com/docs/components/context-menu)
|
||||
|
||||
## Key Props
|
||||
|
||||
- `items`: as an array of objects with the following properties:
|
||||
|
||||
- `label?: string`{lang="ts-type"}
|
||||
- `icon?: string`{lang="ts-type"}
|
||||
- `avatar?: AvatarProps`{lang="ts-type"}
|
||||
- `kbds?: string[] | KbdProps[]`{lang="ts-type"}
|
||||
- [`type?: "link" | "label" | "separator" | "checkbox"`{lang="ts-type"}](#with-checkbox-items)
|
||||
- [`color?: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral"`{lang="ts-type"}](#with-color-items)
|
||||
- [`checked?: boolean`{lang="ts-type"}](#with-checkbox-items)
|
||||
- `disabled?: boolean`{lang="ts-type"}
|
||||
- [`slot?: string`{lang="ts-type"}](#with-custom-slot)
|
||||
- `onSelect?: (e: Event) => void`{lang="ts-type"}
|
||||
- [`onUpdateChecked?: (checked: boolean) => void`{lang="ts-type"}](#with-checkbox-items)
|
||||
- `children?: ContextMenuItem[] | ContextMenuItem[][]`{lang="ts-type"}
|
||||
- `class?: any`{lang="ts-type"}
|
||||
- `ui?: { item?: ClassNameValue, label?: ClassNameValue, separator?: ClassNameValue, itemLeadingIcon?: ClassNameValue, itemLeadingAvatarSize?: ClassNameValue, itemLeadingAvatar?: ClassNameValue, itemLabel?: ClassNameValue, itemLabelExternalIcon?: ClassNameValue, itemTrailing?: ClassNameValue, itemTrailingIcon?: ClassNameValue, itemTrailingKbds?: ClassNameValue, itemTrailingKbdsSize?: ClassNameValue }`{lang="ts-type"}
|
||||
|
||||
You can pass any property from the [Link](/docs/components/link#props) component such as `to`, `target`, etc.
|
||||
|
||||
- `size`: to change the size of the ContextMenu.
|
||||
- `modal`: to control whether the ContextMenu blocks interaction with outside content.
|
||||
- `disabled`: to disable the ContextMenu.
|
||||
- `slot`:
|
||||
|
||||
## Usage
|
||||
|
||||
```vue
|
||||
<UContextMenu
|
||||
<!-- props here -->
|
||||
/>
|
||||
```
|
||||
|
||||
## Slots
|
||||
|
||||
- `#item`
|
||||
Reference in New Issue
Block a user