vuetify-overview

What problem does it solve?

It prevents inconsistent Vuetify usage by centralizing the project-wide rules for component selection, default props, semantic colors, and SSR-safe initialization in the Vue SSR Starter Kit.

Core Features & Use Cases

• Component selection decision tree: Quickly map UI needs (inputs, buttons, cards, navigation, modals, toasts, loading states) to the right Vuetify components and recommended patterns.
• Global Vuetify defaults: Apply consistent UI styles across the app via the src/plugins/vuetify.js defaults (variants, rounding, density, and tonal styles).
• SSR-safe instantiation and responsive breakpoints: Use createApplicationVuetify(ssr) to ensure hydration correctness and rely on useDisplay() for breakpoint-aware layout behavior.

Quick Start

Ask an assistant: "When should I use v-snackbar vs v-alert, what are the default v-btn and v-card settings, and how do I set up Vuetify for SSR with the correct ssr flag?"