v2.1.0 Vanguard

Welcome to the v2.1 release. Since v2 in July, the team has been hard at work patching and updating issues as well as preparing some new goodies for you to play with. This release's theme is content loading and manipulation with the introduction of 2 new components, 2 new directives and a myriad of other changes:

Highlights

• v-img now supports lazy-loading by default
• All text-field components now support dense mode
• v-date-picker now supports range selections
• New Components
  • v-lazy
  • v-skeleton-loader
• New Directives
  • v-intersect
  • v-mutate

These new offerings provide you with the ability to drastically improve user experience and application performance in a variety of scenarios. For more information on each component, please navigate to the New Components.

This release takes us into Q4 of 2019 and sets us on the path for some exciting features coming in Tigris. One of the largest complaints with the framework has been the ability to customize various features easily and at a global level. While efforts have been made to ensure the current process is workable, it is less than ideal, especially in the interest of sharing with other developers.

In v2.2 we will introduce the concept of a preset. It is installed through vue-cli as a plugin and completely sets your application up with whatever defaults are defined, from Vuetify object options to sass variables and more.

This year I will be presenting at Vue Conf Toronto, Nov 10-12. Feel free to come say hi during breaks or the afterparty, I would love to talk about Vue/Vuetify. For those who are interested in going, the organizers of the conference gave a special coupon for the Vuetify community. Use the code VUETIFY to get $50 off on your tickets. Get your tickets from https://vuetoronto.com/tickets. I hope to see you there!

Thank you for using Vuetify.

—John Leider

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

• Becoming a sponsor on Github
• Becoming a sponsor on Patreon
• 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
#New Components & Features
#Documentation Updates
#Upgrade Guide
#Release Notes
#Known Issues
#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
Community discord
Twitter
Medium publication
Shop

🤚 FAQ

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

⚡ New Components & Features

🔗 v-lazy (component)

The v-lazy component utilizes the v-intersect directive to provide you with a container that can lazily load its content based upon its visibility in the DOM.

🔗 v-skeleton-loader (component)

The v-skeleton-loader component is a beautifully designed and customization solution for indicating that content is loading. It comes with a variety of pre-made configurations and makes it very easy to create your own implementations.

🔗 v-intersect (directive)

A brand new directive that utilizes the power of the Intersection Observer API. This powers the new v-lazy component and the lazy-load functionality of v-img.

🔗 v-mutate (directive)

A brand new directive that utilizes the power of the Mutation Observer API.

💯 Release notes

Changes Since v2.1.0-beta.1

🔧 Bug Fixes

• VContainer: reduce max width on breakpoints (84b39d3), closes #8517
• VDialog/VMenu/VTooltip: hide wrapper element when not attached (#9163) (5a100ac), closes #6951
• VTextField: show label on dense (#9116) (1e62a4e), closes #9105

🚀 Features

• mutate: add a new directive (#9148) (51de110)
• VIcon: shorter iconName prefix (#7672) (952f561)

🆘 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.