HaimKortovich
a2eb1f3789
- 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.4 KiB
1.4 KiB
CommandPalette
A command palette with full-text search powered by Fuse.js for efficient fuzzy matching.
Based on Reka UI CommandPalette
Key Props
-
groups: as an array of objects with the following properties: -
id: string{lang="ts-type"} -
label?: string{lang="ts-type"} -
slot?: string{lang="ts-type"} -
items?: CommandPaletteItem[]{lang="ts-type"} -
postFilter?: (searchTerm: string, items: T[]) => T[]{lang="ts-type"} -
highlightedIcon?: string{lang="ts-type"}
::caution
You must provide an id for each group otherwise the group will be ignored.
multiple: to allow multiple selections.placeholder: to change the placeholder text.icon: to customize the input Icon.loading: to show a loading icon on the CommandPalette.close: to display a Button to dismiss the CommandPalette.back: to customize or hide the back button (withfalsevalue) displayed when navigating into a submenu.disabled: to disable the CommandPalette.virtualize: to enable virtualization for large lists as a boolean or an object with options like{ estimateSize: 32, overscan: 12 }.slot:
Usage
<UCommandPalette
<!-- props here -->
/>
Slots
#footer#item