Composables
VUIII provides a set of Vue 3 composables for common application patterns.
Data Loading
| Composable | Description |
|---|---|
| useLoadData | Wrap data loading with loading state and error handling |
| useLoadPaginatedData | Paginated data loading with navigation |
Form Actions
| Composable | Description |
|---|---|
| useSubmitAction | Async form submission with confirmation and redirect |
| useValidation | Form validation state management |
DOM Interactions
| Composable | Description |
|---|---|
| useOnClickOutside | Detect clicks outside an element |
| useOnFocusOutside | Detect focus leaving an element |
| useOnKeyPress | Handle keyboard events |
| useCursor | Navigate through arrays with cursor position |
| useFocusTrap | Trap keyboard focus within an element |
File Handling
| Composable | Description |
|---|---|
| useDropArea | Enable drag-and-drop file handling |
| usePreventHandlingDrop | Prevent default drop behavior |
Routing
| Composable | Description |
|---|---|
| useRouteQuery | Sync state with URL query parameters |
| usePageFromRouteQuery | Pagination from route query |