- 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
1.1 KiB
1.1 KiB
Accordion
A stacked set of collapsible panels.
Based on Reka UI Accordion
Key Props
-
items: as an array of objects with the following properties: -
label?: string{lang="ts-type"} -
icon?: string{lang="ts-type"} -
trailingIcon?: string{lang="ts-type"} -
content?: string{lang="ts-type"} -
value?: string{lang="ts-type"} -
disabled?: boolean{lang="ts-type"} -
class?: any{lang="ts-type"} -
ui?: { item?: ClassNameValue, header?: ClassNameValue, trigger?: ClassNameValue, leadingIcon?: ClassNameValue, label?: ClassNameValue, trailingIcon?: ClassNameValue, content?: ClassNameValue, body?: ClassNameValue }{lang="ts-type"}
::component-code
ignore:
- items external:
- items externalTypes:
- AccordionItem[] hide:
- class props: class: 'px-4' items: - label: 'Icons' icon: 'i-lucide-smile' content: 'You have nothing to do, @nuxt/icon will handle it automatically.
disabled:slot:
Usage
<UAccordion
<!-- props here -->
/>
Slots
#body#content