<h2>Overview</h2>
Vue-dataset is an impressive set of components designed for Vue.js 3, aimed at simplifying the display of datasets. If you're working with lists that require functionality such as filtering, sorting, and pagination, this library provides a highly reusable solution, so you won't need to recreate similar features for different projects. It allows for customization of structure, enabling users to present data however they see fit, whether through divs, tables, or other HTML elements.
What truly stands out about vue-dataset is its flexibility; it’s built with a focus on reusability and adaptability. Whether you're working on a complex application or a simple list, this library offers the tools you need to manage data efficiently while maintaining a seamless user experience.
<h2>Features</h2>
<ul>
<li>Highly Customizable DOM Structure: Tailor how you display your datasets without restrictions on structure or layout.</li>
<li>Custom Filtering: Filter data based on row values from all or specific data keys for precise results.</li>
<li>"Search As" Feature: Implement a custom search method that fits your unique requirements.</li>
<li>Multi "Column" Searching: Easily configure which data keys are included in the search process.</li>
<li>"Sort As" Feature: Sort your datasets using a custom sorting method for more tailored interactions.</li>
<li>Multi "Column" Sorting: Configurable sortable data keys enhance the sorting capability, making it extremely flexible.</li>
<li>Pagination: Manage large datasets effortlessly with built-in pagination features.</li>
<li>Global Search with Debounce Setting: Improve the performance of your searches with adjustable debounce settings to minimize processing load.</li>
</ul>

<h2>Overview</h2>
The vue-modal component is an excellent choice for developers looking to implement modals in their Vue.js 3 applications. This customizable and stackable modal allows for seamless integration while adhering to accessibility best practices outlined by WAI-ARIA. Whether you're building a simple web application or a complex interface, vue-modal is built to enhance user experience without adding significant load to your project.
One standout aspect of vue-modal is its lightweight design, making it easy to include in your setup without the overhead typical of many modal libraries. Additionally, it provides plenty of customization options, ensuring that it can fit into various design schemes while still being straightforward to implement.
<h2>Features</h2>
<ul>
<li>Lightweight: The minified version is less than 4kb gzipped, making it a low-overhead choice for your application.</li>
<li>Dynamic Control: Modals can be shown or hidden using a data variable with v-model or through a name prop with dedicated functions.</li>
<li>Customizable Styling: Comes with sensible default styles but can easily be customized via user-defined CSS classes.</li>
<li>Content Flexibility: Override modal title and content using slots, allowing for a highly flexible structure tailored to your needs.</li>
<li>CSS Animations: Intro and outro effects can be added with simple CSS animation classes, enhancing the visual appeal when modals appear or disappear.</li>
<li>Event Handling: Exposes component events like before-open, opened, closing, and more, which help in managing the modal lifecycle effectively.</li>
<li>Focus Management: Ensures keyboard focus is trapped within the modal, enhancing accessibility and usability during tab navigation.</li>
<li>Stackable Modals: Easily manage multiple modals on top of each other for complex interactions or workflows.</li>
</ul>

Kouts

Vue Dataset

Vue Modal