- 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
21 lines
688 B
Markdown
21 lines
688 B
Markdown
# Table
|
|
|
|
A responsive table element to display data in rows and columns.
|
|
|
|
## Key Props
|
|
|
|
- `data`: as an array of objects, the columns will be generated based on the keys of the objects.
|
|
- `columns`: as an array of [ColumnDef](https://tanstack.
|
|
- `meta`: as an object ([TableMeta](https://tanstack.
|
|
- `loading`: to display a loading state, the `loading-color` prop to change its color and the `loading-animation` prop to change its animation.
|
|
- `sticky`: to make the header or footer sticky.
|
|
- `virtualize`: to enable virtualization for large datasets as a boolean or an object with options like `{ estimateSize: 65, overscan: 12 }`.
|
|
|
|
## Usage
|
|
|
|
```vue
|
|
<UTable
|
|
<!-- props here -->
|
|
/>
|
|
```
|