{"action":"published","release":{"url":"https://api.github.com/repos/vuetifyjs/vuetify/releases/13512964","assets_url":"https://api.github.com/repos/vuetifyjs/vuetify/releases/13512964/assets","upload_url":"https://uploads.github.com/repos/vuetifyjs/vuetify/releases/13512964/assets{?name,label}","html_url":"https://github.com/vuetifyjs/vuetify/releases/tag/v1.2.0","id":13512964,"node_id":"MDc6UmVsZWFzZTEzNTEyOTY0","tag_name":"v1.2.0","target_commitish":"dev","name":"v1.2.0","draft":false,"author":{"login":"KaelWD","id":16421948,"node_id":"MDQ6VXNlcjE2NDIxOTQ4","avatar_url":"https://avatars2.githubusercontent.com/u/16421948?v=4","gravatar_id":"","url":"https://api.github.com/users/KaelWD","html_url":"https://github.com/KaelWD","followers_url":"https://api.github.com/users/KaelWD/followers","following_url":"https://api.github.com/users/KaelWD/following{/other_user}","gists_url":"https://api.github.com/users/KaelWD/gists{/gist_id}","starred_url":"https://api.github.com/users/KaelWD/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/KaelWD/subscriptions","organizations_url":"https://api.github.com/users/KaelWD/orgs","repos_url":"https://api.github.com/users/KaelWD/repos","events_url":"https://api.github.com/users/KaelWD/events{/privacy}","received_events_url":"https://api.github.com/users/KaelWD/received_events","type":"User","site_admin":false},"prerelease":false,"created_at":"2018-08-28T13:36:02Z","published_at":"2018-10-18T16:02:54Z","assets":[],"tarball_url":"https://api.github.com/repos/vuetifyjs/vuetify/tarball/v1.2.0","zipball_url":"https://api.github.com/repos/vuetifyjs/vuetify/zipball/v1.2.0","body":"# A picture is worth a thousand words\r\n\r\nWelcome to the v1.2 release! The introduction of the very anticipated **Front-end pack** has begun. v1.2 introduces _4 new_ components for your arsenal:\r\n\r\n- `v-img` — [intro](#v-img)\r\n- `v-rating` — [intro](#v-rating)\r\n- `v-hover` — [intro](#v-hover)\r\n- `v-responsive` — [intro](#v-responsive)\r\n\r\nThis will continue over the next MINOR releases as we begin to roll out framework optimizations, condensing of redundant components and the introduction of even _more_ new components! Look for **v-timeline**, **v-tree-view** and even a robust **v-calendar** coming in the future! We are very excited to continue expanding out feature-set and hope you enjoy this new round of goodies.\r\n\r\nIf you haven't seen our new **cognito vuex module**, you have to check it out! @bdeo has started expanding our ecosystem offerings by providing an easy to use vuex module to interact with [aws cognito](https://aws.amazon.com/cognito/). An in progress example project can be found [here](https://github.com/vuetifyjs/vuex-cognito-module).\r\n\r\nIf Vuetify has helped your development in any way, please consider backing the project on [Patreon](https://www.patreon.com/vuetify). We offer tiers that are beneficial to both **individuals** and **businesses**. This helps us continue to maintain the framework and provide the level of support that we do. Thank you for using Vuetify!\r\n\r\n<a href=\"https://www.patreon.com/vuetify\">\r\n  <img src=\"https://c5.patreon.com/external/logo/become_a_patron_button.png\" alt=\"Become a Patron\" />\r\n</a>\r\n\r\n## 📖 Table of Contents\r\n[#Important links](#user-content-important-links)\r\n[#TLDR](#user-content-tldr)\r\n[#New features](#user-content-new-features)\r\n[#Upgrade guide](#user-content-upgrade-guide)\r\n[#Release notes](#user-content-release-notes)\r\n**[#I need help!](#user-content-i-need-help)**\r\n\r\n<h2 id=\"important-links\">❗️ Important links</h2>\r\n\r\n[Documentation](https://vuetifyjs.com)\r\n[Community](https://community.vuetifyjs.com)\r\n[Supporting Vuetify](https://www.patreon.com/vuetify)\r\n[Twitter](https://twitter.com/vuetifyjs)\r\n[Facebook](https://facebook.com/vuetifyjs)\r\n[Medium publication](https://medium.com/vuetify)\r\n[Shop](https://vuetifyjs.com/store)\r\n\r\n<h2 id=\"tldr\">⌨️ TLDR</h2>\r\n\r\n- New components\r\n- Updated transitions\r\n- Improved theme propagation\r\n- Support for custom colors when using the color prop — **color=\"#FFFFFF\"**\r\n- Numerous locales added\r\n\r\n<h2 id=\"new-features\">🚀 New features</h2>\r\n<details open>\r\n<summary>Click to expand</summary>\r\n\r\n<h3 id=\"v-img\">v-img</h3>\r\n\r\n[Component documentation](https://vuetifyjs.com/components/images)\r\n\r\nThe `v-img` is the start of the front-end pack and a very exciting addition to the framework. @KaelWD has been working tirelessly to bring a performant and flexible component to empower your applications. As a result, the [vuetify-loader](https://github.com/vuetifyjs/vuetify-loader) has been updated to support **automatic progressive images**. It is easier than ever to add special transitions, _aspect-ratios_ and so much more.\r\n\r\n#### Flexible usage\r\n`v-img` is part of a group we call **core** components and will fuel the functionality of future updates (looking at you `v-parallax` and `v-carousel`).\r\n\r\n![image](https://user-images.githubusercontent.com/9064066/44624534-5649ee00-a8b6-11e8-9edb-de8cdf56c8f8.png)\r\n\r\n#### Loading indicators\r\nSupply a custom loading indicator to provide a custom experience for users.\r\n\r\n![2018-07-11_17-22-44](https://user-images.githubusercontent.com/9064066/44624708-0588c400-a8bb-11e8-8c9b-d05f8b21481e.gif)\r\n\r\n#### Progressive images\r\nWith the power of the [vuetify-loader](https://github.com/vuetifyjs/vuetify-loader), your application can now be configured to automatically create progressive images for your `v-img` use-cases. You also have the option to provide you very own **lazy** loaded image until the supplied has been downloaded.\r\n\r\n![2018-07-20_04-26-41](https://user-images.githubusercontent.com/9064066/44624699-d3776200-a8ba-11e8-8697-8e380394f7ca.gif)\r\n\r\n<h3 id=\"v-rating\">v-rating</h3>\r\n\r\n[Component documentation](https://vuetifyjs.com/components/ratings)\r\n\r\nThe second new component from the front-end pack is `v-rating`. A simple yet powerful component packed with plenty of functionality and flexibility.\r\n\r\n![image](https://user-images.githubusercontent.com/9064066/44624468-4382e980-a8b5-11e8-9c28-4f3759108a01.png)\r\n\r\n#### Scoped slots\r\nWith the power of [scoped-slots](https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots) you can fine tune specific details of the rating selections.\r\n\r\n![image](https://user-images.githubusercontent.com/9064066/44630574-3998cf00-a925-11e8-9a83-a6fa08f490c4.png)\r\n\r\n#### Information cards\r\nThe `v-rating` component is perfect for capturing user information or displaying user reviews.\r\n\r\n![image](https://user-images.githubusercontent.com/9064066/44630588-95635800-a925-11e8-8cd7-f0950b80522a.png)\r\n\r\n<h3 id=\"v-hover\">v-hover</h3>\r\n\r\n[Component documentation](https://vuetifyjs.com/components/hover)\r\n\r\nThe `v-hover` component is a simple wrapper for capturing user gestures over elements/components.\r\n\r\n![hover](https://user-images.githubusercontent.com/9064066/44630610-e410f200-a925-11e8-9a32-f94977f9b964.gif)\r\n\r\n<h3 id=\"v-responsive\">v-responsive</h3>\r\n\r\n[Component documentation](https://vuetifyjs.com/layout/aspect-ratios)\r\n\r\nThe `v-responsive` component is the baseline for `v-img` and provides you with the ability to specify content aspect ratios.\r\n\r\n![image](https://user-images.githubusercontent.com/9064066/44630853-9302fd00-a929-11e8-9303-c320d7f73dd3.png)\r\n\r\n</details>\r\n\r\n<h2 id=\"upgrade-guide\">📑 Upgrade guide</h2>\r\n\r\n<details open>\r\n<summary>Click to expand</summary>\r\n\r\n- `v-jumbotron` and `v-card-media` have been deprecated in favor of `v-img`\r\n- themes **(dark|light)** are now applied through Vue [provide/inject](https://vuejs.org/v2/api/#provide-inject). If you were using specific styles or workarounds to account for menu or dialog background colors, you can remove them. If you were using static markup instead of component (for example created table markup with html to display static data table) you need to manually add `theme--light` or `theme--dark`\r\n- `v-menu` props for components like `v-select` and `v-autocomplete` are now applied through a **menu-props** prop\r\n\r\n</details>\r\n\r\n<h2 id=\"release-notes\">💯 Release notes</h2>\r\n\r\n<details open>\r\n<summary>1.2.0</summary>\r\n\r\n### 🚗 Things we added\r\n- #4944 Added _catalan_ locale\r\n\r\n### 📳 Things we changed\r\n- 44ac40d34aa6abc0e19e929143d11f8b0694e406 If you supply a custom height on the element wrapped by `v-expand-transition`, it will now use that value instead of _scrollHeight_\r\n\r\n### 🔧 Things we fixed\r\n- f90d6312e987519fe1ae2e59269bebe8cf91078a Fixed a bug with `v-dialog/v-menu` would not show multiple elements in the default slot\r\n- 96c43910b83cf22d8ffb7e7c80135c30971df52c `v-divider` with the **vertical** prop will now properly work inside _flex_ containers.\r\n\r\n</details>\r\n\r\n<details>\r\n<summary>v1.2.0-beta.3</summary>\r\n\r\n### 🚗 Things we added\r\n- 719ac43 Transition components can now work on multiple elements with the **group** prop\r\n- bca41c6 Added **hide-on-leave** and **leave-absolute** props to transition components\r\n- c7c463f Added a **gradient** prop to `v-img`\r\n- 6b8d7bb Added **width** and **max-width** prop to `v-responsive` and `v-img`\r\n- 5ac572b Added **light** and **dark** props to `v-list-tile`\r\n- #4691 Added **actions-prepend** and **actions-append** slots to `v-data-table` (thanks @DCzajkowski)\r\n- #4890 Added **readonly** prop to `v-time-picker`\r\n- #4903 Added locale files for farsi (thanks @alireza4050)\r\n- #4924 Added **dense** prop to `v-rating`\r\n\r\n### 📳 Things we changed\r\n- 9f61a81 `v-dialog` and `v-menu` will inherit their theme from `v-app` instead of the nearest parent\r\n- #4874 Converted `v-pagination` to typescript\r\n- #4876 Locale files are now written in typescript. \r\n\r\n### 🔧 Things we fixed\r\n- 38880ee Removed padding from selection controls in `v-list-tile-action`\r\n- 977fd7d Reduced the height of the year section in `v-date-picker`\r\n- a7ffbfe Prevent content from overflowing `v-responsive` and `v-img` horizontally\r\n- 93ee3c7 7d55184 Fixed theme inheritance in `v-tabs`\r\n- #4460 `$vnode.data.model.expression` can be used again on `v-text-field` and `v-select`\r\n- #4891 Fixed `v-slider` top margin with the **thumb-label** prop\r\n- #4928 Fixed `v-select` colours when using `menu-props=\"light\"` on a dark background\r\n</details>\r\n\r\n<details>\r\n<summary>v1.2.0-beta.2</summary>\r\n\r\n### 🚗 Things we added\r\n- #4865 Added a dutch translation (thanks @ricardovanlaarhoven)\r\n\r\n### 📳 Things we changed\r\n- fb07ece ee3f6df Reverted the v-btn text colour change from beta.1\r\n\r\n### 🔧 Things we fixed\r\n- 9461ba2 Fixed `v-pagination` background colours\r\n- #4871 Fixed directives not being installed\r\n</details>\r\n\r\n<details>\r\n<summary>v1.2.0-beta.1</summary>\r\n\r\n### 🚗 Things we added\r\n- 0ed01dd Added grid classes for `align-self`, `justify-self`, and auto margins\r\n- 8a4b59d Added more transitions\r\n- #4342 The **color** prop now takes hex and CSS colours\r\n- #4774 New configuration options `customProperties`, enables CSS variables for theme colours\r\n- #4821 `v-rating` can be reset to 0 with the **clearable** prop (thanks @AuspeXeu)\r\n- #4841 New helper component `v-hover`, added **group** prop to transition components\r\n\r\n### :vibration_mode: Things we changed\r\n- 7f396e6 Made ripples look better\r\n- ~~2d3f0da `v-btn` will always have black text unless the **dark** prop is used (fixes #4812)~~ - **reverted in beta.2**\r\n- #4795 Some `v-select` props have been consolidated to a new **menu-props** prop\r\n- #4803 Updated input styles to improve vertical alignment, use `hide-details` if they're too tall\r\n- #4804 Selection controls use native input events, enter doesn't do anything, **toggle-keys** has been removed\r\n\r\n### :wrench: Things we fixed\r\n- e22e24e Fixed MDI icon alignment in `v-data-table`\r\n- 585798d `v-responsive` will now inherit event listeners\r\n- 7f38e4a Fixed a bug causing `lighten-5` to be darker than `lighten-1`\r\n- #4775 Updated the french translation (thanks @Enhakiel)\r\n- #4777 `v-img` will now be circular when used in a `v-avatar`\r\n- #4856 Fixed `v-edit-dialog` colours\r\n&nbsp;\r\n\r\nIncludes all fixes from 1.1.10, 1.1.11, and 1.1.12\r\n</details>\r\n\r\n<details>\r\n<summary>v1.2.0-beta.0</summary>\r\n\r\n### 🆕 New Components\r\n- `v-img`\r\n  - Lazy loading\r\n  - Progressive images ([via vuetify-loader](https://github.com/vuetifyjs/vuetify-loader))\r\n  - Dynamic and static aspect ratios\r\n- `v-responsive`\r\n  - The same aspect ratio functionality as `v-img`, but without the lazy loading\r\n- `v-rating`\r\n  - Great for e-commerce products and customer reviews\r\n  - Hover functionality\r\n\r\n### 🚗 Things we added\r\n- #809 Added **multiple** prop to `v-date-picker` (thanks @motia)\r\n- #2175 Added support for **nudge** props on `v-tooltip`\r\n- #2494 Themes (dark/light) are now applied through Vue provide/inject. Children will inherit from the first parent that provides theme or overwrite it if declared on the component\r\n- #3316 New `v-form` method **resetValidation**\r\n- #4061 Added new **prepend-item** and **append-item** slots for the `v-select` family (`v-autocomplete`, `v-combobox`, `v-overflow-btn`)\r\n- #4294 New `v-data-table` prop **header-key**, for multiple headers with the same text\r\n- #4408 Theme colors can now be objects, for full control over lighten/darken variations\r\n- #4667 Components are now registered as PascalCase\r\n- Added new locales:\r\n  - Ukrainian (thanks @iliyaZelenko)\r\n  - Polish\r\n  - Russian (thanks @Djaler)\r\n  - German (thanks @dmecke)\r\n  - Portuguese\r\n  - Greek (thanks @nkoik)\r\n  - Chinese (thanks @myleslee)\r\n</details>\r\n\r\n<h2 id=\"i-need-help\">🆘 I need help!</h2>\r\n\r\nIf 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](https://discord.gg/QHWSAbA) channel."}}
{"actor":{"display_login":"KaelWD"}}