v3 - The Next Generation of Vuetify
summary
Vuetify 3 (now at 3.1) focuses on practical upgrades: a global application defaults system that cascades root, component and inline overrides; a rewritten theme/animation pipeline with Sass modules and RTL-aware locales; an expanded nested layout engine and alias virtual components that let you define branded components without files; a unified density and variant system (string-based props); and a Labs channel for early data tables and experimental components. Tooling includes Vite-based presets and an ESLint migrator.
AI-written summary · about
chapters (8)
- 0:00Start
- 18:48Can you mention your various roles in the Vuetify team and what projects have you worked on?
- 29:18Any recommended patterns for building a large-scale application with Vuetify?
- 31:07How does Vuetify 3 handle backwards compatibility with existing projects using earlier versions of Vuetify and Vue.js?
- 35:28What is Vuetify Labs and how does this new feature help my dev process?
- 37:05How does Vuetify compare with UI libraries like ElementUI and Bootstrap Vue?
- 42:21Any gotchas to look out for when working with Vuetify and vanilla CSS or CSS frameworks like Tailwind and Bootstrap?
- 46:49Is it possible to change the default fonts/typefaces for vuetify components?
