v5.0.1 - This release targets material-components-web v13.0.0
- Update adapters for menu, chip, and tooltip
v3.0.3 - This release targets material-components-web v10.0.0
- Restructure sources to be more friendly for Tree Shaking in consumers of the library.
- Use
esbuild
instead ofbabel
. - Update examples.
When using ES modules, the default is now to reference src/index.js
. This will require consumers to be able to handle SFC .vue
files.
For example:
{
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
},
// more rules...
];
}
}
to use the esm bundle (the previous default) update your build process.
For example using webpack
add a resolve option:
{
resolve: {
alias: {
'vue-material-adapter$': 'vue-material-adapter/dist/vue-material-adapter.esm.js'
}
}
}
Source path has changed from package
to src
. Update any explicit imports of sub-components.
v2.0.0 - This release targets material-components-web v10.0.0
.
Adds support for:
- Segmented Button multi-select
v2.0.0-beta.2 - This release targets material-components-web v10.0.0
.
Adds support for:
- Segmented Button v-model
1.0.0 (2021-01-07)
Adds support for:
- Banner
- Segmented Button
- Select (input range version)
- Tooltip
BREAKING CHANGE:
vue
3.0 or greater is required as a peer dependency. Some event name may be changed because Vue 3 only handles lowercase event names. See Documentation & Demo for notes, information, and examples.
Install vue-material-adapter-legacy
for the Vue 2 version (see legacy)
0.17.3 (2020-08-27)
- first select cannot pick first item (77a625e)
- basic-webpack add support for prefers-color-scheme (5cdeab8)
BREAKING CHANGE:
@vue/composition-api
1.0 or greater is required as peer dependency.
Add import and use composition api. Applications do not have to use the composition api if they do not wish to.
import VueCompositionAPI from '@vue/composition-api';
Vue.use(VueCompositionAPI);
Packages based on list items now use mcw-list-item
. Affected pacakges include:
mcw-list
mcw-menu
mcw-select
mcw-drawer
FEATURES:
Support Textfield character counter.
See demo
for documentation and examples on updated html structure. Also the examples basic-webpack
and basic-vue-cli
show using the declarative UI and how to initialise the @vue/composition-api functionality.
BREAKING CHANGE: The build process now uses rollup to produce 'ESM', 'CJS', and 'AMD' bundles. Clients should nowimport { button } from 'vue-material-adapter
, instead ofimport button from '@mcwv/button'
.
if consumers of this library are using a bundler such as webpack or rollup, then the default should be to use the correct bundle. This can be overridden in webpack, for example, by specifying an alias.
eg:
resolve: {
alias: {
'vue-material-adapter$': 'vue-material-adapter/dist/vue-material-adapter.esm.js'),
},
}
v0.15.0
- This release targets the recently released material-components-web v5.1.0
. BREAKING CHANGE: It no longer re-exports the @material
stylesheets so any CSS stylesheets will need to use the material-components-web
stylesheets directly.
v0.14.0
- This release changes how the mcw-list
component is structured in order to support the select
component properly, note this is a BREAKING CHANGE.
There are now examples of using vue-material-adapter
both as a basic-global
and a basic-webpack
project examples
v0.13.0
- This release now uses material-components-web
v4.0.0 so there are significant changes in how several of the packages work and are structured.
The most notable change is with the mcw-select
which no longer uses the native select but renders what was previously known as the "enhanced select". See Material Components for a list of all the changes, and review the Documentation & Demo for working examples of how to structure the markup for Vue.