The long time requested feature is here! Vue Material has a new and easy-to-use Grid System. Enjoy!
The first breaking change we never forget. The themes engine has changed and it's more simple now. This change make the themes reactive to make the themes dynamic using the theme component or the API. The performance of the engine is waaay better and the theme styles are now fixed and have a better scope.
Check all theme changes in the new themes section inside the documentation website. There are some changes in the theme API:
The v-md-theme do not exists anymore and should be replaced by the brand new <md-theme> component.
Vue.material.theme.register changed to Vue.material.registerTheme. This will make the API smore simple and easy to write.
Vue.material.theme.registerAll was removed. The Vue.material.registerTheme function now accepts a object:
Vue.material.registerTheme('about', {
primary: {
color: 'indigo',
hue: 'A200'
},
accent: {
color: 'grey',
hue: 300
}
})
Vue Material now comes with a default theme, according with the specifications.
There is a new function to set the theme of you application dynamically:
Vue.material.setCurrentTheme('about')