vuetify-components

What problem does it solve?

Vuetify SSR apps often need consistent, reusable UI building blocks for display, dialogs, notifications, tooltips, and loading states without duplicating patterns across pages.

Core Features & Use Cases

• Reusable display components: Compose content containers and structured lists using v-card, v-list/v-list-item, v-chip, and v-avatar.
• User feedback patterns: Implement confirmation flows and actionable modals via v-dialog, plus toast-style notifications using v-snackbar and inline messaging via v-alert.
• Context and loading UX: Add helpful hover context with v-tooltip and show deterministic loading indicators using v-progress-linear, v-progress-circular, and v-skeleton-loader for skeleton-first rendering.

Quick Start

Use the vuetify-components skill to generate a Vue component that displays a v-card containing a v-list with v-avatar items and shows a v-skeleton-loader while data loads, then presents errors via v-alert and success messages via v-snackbar.