The Next Vuetify - VueConf US 2023

Learn about the new features and functionality in Vuetify 3 and how it improves the developer and user experience.
Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 www.vuemastery.com/courses
0:00 Key features of Vuetify 3
2:13 Global Defaults
3:37 Advanced Configuration
4:25 Context-based Defaults
5:26 Aliasing & Virtual Components
6:34 Themes & Animations
8:51 Layout System
9:49 Icons & Internalization
12:09 Component API

[@TheKoppi99]

Great! Possible to use it with Tailwind css ?

[@Niki2k1]

Vuetify brings its own utility classes, but you can disable them and use tailwind

[@bobDotJS]

It's impressive BUT where I work we have a large Vue 2 app using Vuetify 2. Vue 2 is approaching EOL but we can't upgrade because Vuetify 2 doesn't work with Vue 3, it has a ton of breaking changes, and the app is way too big to find and fix everything at once.

[@sujanmaharjan5838]

We have been working for 6 weeks on a similar stuff. It's painful but we are making our way out. 😊

[@robinkwan9325]

I feel like migrating from Vue 2 to 3 is more painful than upgrading Vuetify 2 to 3.

[@bobDotJS]

@@robinkwan9325 no shot, Vue's composition API is completely backwards compatible. Vuetify arguably like 50%, John said himself that it'll be 90% by v3.4, but those 10% of components might make up 50% of your app.

[@sujanmaharjan5838]

@@bobDotJS 😔

[@sujanmaharjan5838]

@@robinkwan9325 yup

[@FrankSmith-nq9tw]

Hello, when will your support team staff contact me? I've waited for one day long!