v2.2.0 Tigris

Happy New Year! 🥂 🎉

The team has been hard at work during the holiday season to bring you some exciting new features. We have added thousands of new SASS variables and a new process for modifying framework styles, Presets. This new service lays out the foundation for handling pre-configured options and styles for Vuetify through Vue CLI plugins. Out of the box, we have 7 Presets built under the guide of Google's Material Studies and ready to install now. Presets are considered an in progress feature that will be advanced through time as we add new functionality to the framework, i.e. global defaults coming next year.

With Vue 3 on the horizon, the team now sets its sights on rebuilding Vuetify using the upcoming composition API. The next version of Vuetify is being developed in tandem with the Vue 3 alpha and is expected to launch around the same time. We have opened up our v3 Notion board to provide as much transparency as we move forward and to get as much feedback as we can—we love feedback, come talk to us.

This change in development also means previously scheduled releases this year are being shuffled around. v2.3 (Orion) features have been moved to v3.1 in Q4. v2.4 (Odyssey) will be replaced with framework maintenance for Q2/Q3; this will start once v3 is released and will focus on bug fixes and unit testing.

Lastly, I will be giving talks and workshops for Vue Conf in Amsterdam February 20th to the 21st and Texas (I already live here 😄) March 2nd to the 4th. You can checkout Vue Conf Amsterdam and Vue Conf US for more information on how to attend, I hope to see you there!

—John Leider

Supporting Vuetify

Vuetify is an open source MIT project that has been made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider:

• Becoming a sponsor on Github
• Becoming a backer on Open Collective
• Becoming a subscriber on Tidelift
• Make a one-time payment with Paypal
• Book time with John

📖 Table of Contents

#Important links
#FAQ
#Highlights
#New features
#Upgrade guide
#Release notes
#I need help!

❗️ Important links

Documentation
Becoming a Github Sponsor (supports the author, John)
Becoming a backer on OpenCollective (supports the development team)
Become a subscriber on Tidelift (supports the author, John)
Consulting with the author, John
Vuetify store
Community discord
Twitter
Medium publication

🤚 FAQ

• Where is the upgrade guide?
  • There are no upgrade steps to go from v2.1 to v2.2

⚡Highlights

🔗 Presets (service)

The flagship feature of v2.2. A new process for modifying the underlying styles and functionality of the framework. Includes thousands of new SASS variables and 7 pre-made studies and a Plugin Development Guide for creating your own. This is an overview of the changes that were made to support the Material studies and may not include details about every modification; e.g. custom fonts and colors, removed border radius, etc. In many cases, features are not supportable at this time. For more information on this, check out preset limitations.

NOTE: The preview images below will have their code posted soon. Thank you for your patience!

Basil Study Preview

Link to repository

Changes:

• v-btn
  • increased font-weight
  • increased icon sizes
  • thicker border when using the outlined prop
• v-tabs
  • removes v-tab padding
  • reduces v-tab-bar height to 20px
• v-tabs w/ vertical prop
  • converts v-tab-slider into a circle
  • reduces v-tab height

Fortnightly Study Preview

Link to repository

Changes:

• v-chip
  • outlined by default
• v-stepper
  • alternate style when using the vertical prop

Owl Study Preview

Link to repository

Changes:

• v-btn
  • alternate style when using the fab prop
• v-chip
  • alternate style when using the filter prop or v-chip-group
• v-navigation-drawer
  • alternate style when using the right (left on RTL) and temporary props

Rally Study Preview

Link to repository

Changes:

• v-snackbar
  • alternate default style with a removed shadow and an opaque background
• v-tabs
  • increased size and font-weight

Reply Study Preview

Link to repository

Changes:

• v-bottom-sheet
  • alternate default style with border-radius

Shrine Study Preview

Link to repository

Changes:

• v-chip
  • alternate default style with outline
• v-tabs
  • alternate default style with modified v-tab-slider

Crane Study Preview

Link to repository

An issue was discovered regarding this preset on release day. It will be resolved and these notes will be updated. Thank you for your patience!

💯 Release notes

🆘 I need help!

If you are stuck and need help, don't fret! We have a very large and dedicated community that is able to provide help 24/7. Come to the #release-migration channel.