Doc this way
Welcome to the v1.4 release! The team has been hard at work to bring more exciting features and functionality for your fingertips. With that in mind, the highlight (at least for me) of this release is the brand new documentation. The internal core has been redeveloped from the ground up to make it easier for developers to contribute and for us to maintain. In essence, everything should feel the same with some minor UI tweaks to improve your experience.
Over the course of the past few months, the entire repository had 150, 000 lines of code modified and over 2500 files. This was a massive feat and it would not have been possible without the support and dedication of the entire @vuetifyjs/core-team, @vuetifyjs/core-contributors and countless volunteers. I would like to highlight a few names for their absolutely selflessness in helping fine tune the new documentation experience:
Thank you for your hard work and dedication to improving Vuetify.
With this release also marks the start of v2.0 and our conversion to Material Design 2. The next iteration of Vuetify will be a complete rebuild of the framework internals, over 10 new components, additional customization options and more. For more details you can watch @johnleider 's presentation at VueConf Toronto this year or checkout the corresponding slides.
Support Vuetify's development
If Vuetify has helped your development in anyway, please consider backing the project on Patreon (supports John) or Open Collective (supports Core Team). This helps us continue to maintain the framework and provide the level of support that we do. If you have any questions, please message @johnleider in our Discord community.
📖 Table of Contents
#Important links
#Disclaimer
#TLDR
#New features
#Upgrade guide
#Release notes
#I need help!
❗️ Important links
Documentation
Discord Community
Patreon
Open Collective
Twitter
Facebook
Medium publication
Shop
⌨️ TLDR
- New components
- Rebuilt documentation
- Up next related pages
- Component categories
- Navigation Cleanup
- Example Tweeks
- Easier to contribute to
- New locales
⚡️ Highlighted features
Click to expand
v-sparkline
Sparkline is the newest addition to the Vuetify core. It aims to help bridge the gap between chart and no chart. Great for displaying informational overviews when granular detail isn't a necessity.
v-sheet
If v-card
had a younger sibling, it would be v-sheet
. Serving as the baseline functionality for many MD2 components, the sheet provides a simple interface for creating paper like components.
Developer notes
The planned v-calendar
component ran into complications towards the end of the v1.4 release cycle. We are dedicated to providing quality components and want to ensure that anything we release meets specific standards. To follow progress on its status, please subscribe to the pending pull request.
📑 Upgrade guide
Click to expand
Syke, nothing to upgrade.💯 Release notes
v1.4.0
🔧 Bug fixes
- VBottomNav: correct inactive colors (#5822) (205feed), closes #2685
- VCard: add missing hover styles (c1e8a99), closes #5815
- VChip: dark mode (#5449) (3e9673e), closes #5074
- VDatePicker: change clickable area of month/year in header (#5816) (6eca62e), closes #5725
- VDialog/VMenu: enable pointer-events for disabled activator (#5511) (90d0af9), closes #5472
- VExpansionPanel: hide v-card box-shadow (c639b06)
- VList: sync icon and text transition (0781323), closes #4689
- VTimePicker: emit proper value in change event (#5680) (8e67ed7), closes #5266
🚀 New Features
- Breakpoints allow override of default thresholds (#5666) (4906f03)
- CSS add d-none helper class (#5396) (3242321)
- Detachable: add activator scoped slot (#5318) (a025093), closes #2489 #3030 #3107 #4428 #5193
- Display add display breakpoints for printing (#5747) (d1e3f7d)
- Elevatable: create new mixin 85f249c
- List: improve aria support (#5671) (3024566), closes #5667
- Locale: add Estonian translation (#5995) (5e7afd4)
- Locale add afrikaans locale (#5385) (62f7bb3)
- Locale add locales index (#5425) (6b501c2)
- Locale add spanish locale (#5359) (dd3f7c8)
- Locale add indonesian locale (#6007) (5c8d617)
- Measurable: add min width and height props (c8ecf7f)
- Theme: change default warning color (e0888d3), closes #1693
- Typography: add text-transform: none helper class (0902491), closes #5503
- VAutocomplete: add auto-select-first prop (#4208) (3c807b6), closes #4207
- VDatePicker: add mouse events - click/dblclick (#5832) (3139768), closes [#3023]
- VDatePicker: month events (#5502) (64c0427), closes #5113
- VDatePicker: multiple event indicators (#5512) (1d6737b), closes #5501
- VDatePicker: show week number (#5678) (6007897), closes #5077
- VIcon: add svg support (#4910) (6c0b89d)
- VIcon apply left/right even if not in a button f8de29d
- VMenu: add disable-keys prop (#5138) (d6b3297), closes #5103
- VSheet:: create new component 120eb31
- VSparkline: create new component 2729a0e
- VTimePicker, VDatePicker: disabled prop (#5685) (0b13705), closes #5631
- VTreeview: add label slot (#5567) (3a968d0), closes #5531
🔎 Doc Updates
- Accessibility: Greatly improved a11y throughout
- Component Categories: Component categories can now be found in the API explorer. These categories use alternate language to help describe components in different ways.
- Contributing: The Contribution page has been updated to provide more depth on how to setup your local environment.
- Examples: On larger screens (
smAndUp
), example code will now display in a smaller viewport to help alleviate scroll strain on large examples. Example action icons are now more visible and easier to identify. - Navigation: Navigation drawer has been condensed and streamlined with many groups moving under the Framework list.
- Props: All missing props have been added! These will continue to be fine tuned as we move into 2.0 release.
- Related Pages: Up next links now can be found at the bottom of documentation pages that help guide users to related functionality.
- Links: Are now identified by 3 types: external, internal and internal-same-age. All external links now open in new windows and internal links will properly navigate to the selected page and scroll to the designated hash (if provided).
🆘 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.