Avue Crud

What it does

The Avue Crud skill simplifies database management within an AI agent by providing a streamlined interface for creating, reading, updating, and deleting (CRUD) data records using the Avue component library. It allows users to configure table columns, pagination, search, sorting, and handle row-level events such as saving, updating, and deletion. This skill is specifically designed for working with Avue components and assumes familiarity with their usage.

When to use it

• Building CRUD tables for managing data within an application using Avue.
• Configuring table features like pagination, search, and sorting.
• Implementing custom event handling for row save, update, or delete actions.
• Exporting table data or performing batch operations on records.
• Adding form validation rules to dialogs used in CRUD table interactions.

Key capabilities

• Configuration of table columns (label, property, searchability, validation).
• Implementation of pagination for managing large datasets.
• Search functionality within the table.
• Sorting capabilities for organizing data.
• Event handling for row-level operations (@row-save, @row-update, @row-del).
• Integration with Avue component library.

Example prompts

• "Create a CRUD table to manage customer records using Avue."
• "Configure the 'Name' column in my Avue table to be required and display a validation message if it’s missing."
• "Implement a row-save event handler for my Avue table that posts data to an API endpoint."

Tips & gotchas

• This skill requires familiarity with the Avue component library.
• Data loading, saving, updating, and deletion are handled through custom event handlers (e.g., loadData, handleSave, handleUpdate, handleDel) that need to be implemented by the user.
• Refer to the examples/ directory within the skill's files for detailed examples of how to implement specific features.