Vue MDC

[posva]

Current state of Vue MDL

As some of you may know, Material design Lite is now in Limited Support:

Limited support

Material Design Lite is now in limited support, with development having moved to the
Material Components for the web repository.

No further development is taking place in MDL by the core team, but we are happy to review PRs, fix critical bugs and
push out new releases. No breaking changes will be accepted.

You can check a demo of Material web components at http://material-components-web.appspot.com/

Future of Vue MDL

This means that vue-mdl will be placed in a similar state: some issues will be tagged as contribution welcome.

But don't worry, I'm moving to Material components Web progressively 🙂 . You can actually check the work on the mdc branch.
This next version will start from 0.0.1 in a new package: vue-mdc.
I'll probably rename this repository, keep an mdl branch for the old version and move the docs too. I still have to test things out as I don't want to break existing links

This time I want to change some things, I want vue-mdc to be easier to contribute. I put a lot of effort on creating a good DX in the mdc branch that you can already test and give feedback 📝
I'll really like to create a little team of contributors and move this project to an organisation. I'm thinking of some persons that have contributed to vue-mdl and who may be interested in helping with vue-mdc. If you're interested, you can reach out on gitter with your github profile so I can check out some of your work 😄
Last but not least, docs should be faster, I'll probably use nuxt to ensure the vue-mdc is SSR ready

If you have questions around vue-mdl or vue-mdc, suggestions or feedback, please, share them here 🙂

[paul-em]

Awesome! Just in case you missed it, there are some framework-examples for vue on the material-components-web repo https://github.com/material-components/material-components-web/tree/master/framework-examples/vue - might be a good starting point for some components, but there aren't that many yet either.

[posva]

Hey, yes, I took some inspiration from there. the v-ripple looks a lot like the one there

[robertkern]

It doesn't look like this is being implemented according to the MDC guidelines for frameworks https://github.com/material-components/material-components-web/blob/master/docs/integrating-into-frameworks.md

Will you be changing to implement more like https://github.com/material-components/material-components-web/tree/master/framework-examples/vue or planning to just use the MDC CSS?

[posva]

hey, yes it is. I'll implement it to make it performant and offer a good api. It's not just CSS, I'll add more js (on top of what is there already) with more dynamic components like the menu

[posva]

I just renamed the repository to vue-mdc and added a note at the top of the readme. I'll leave that note until a v1 version is released.

Vue MDC is still at very early stages but I really want it to be easier to contribute. I'll still accept contributions to vue mdl and release fixes so people who have started using it can continue doing so 🙂

If you can try out the setup and have some feedback, please, post it here 😄

If I messed up something by changing the names, please tell me too (and I'm really sorry 🙇)

[mishushakov]

Hey posva! Really enjoying your work on Google's Material Design Components, im not really Vue guy(angular background) but how can i help to build the components on Vue? Any examples?

[posva]

Hey @mishushakov Thanks for the interest!
ATM it's a bit hard to work on things because I'm not providing visibility of what I'm working on, but if you want to get started you can look at existing tests and the ripple.js as well as the material components web code
If you have done some Angular, Vue will be very easy 🙂
I'll post more information once I have it

[posva]

@spyhole Thanks for sharing. I wonder why they would start a new project instead of contributing to this one... On top of that, they're not writing any tests and are creating full components everywhere which aren't optimal. It looks like they're building it for their own use

[jeremyzahner]

@posva We are thinking about using «vue-mdc» for a really big project. We would also be willing to contribute where needed (ie. something we need is missing). I wonder how committed you are to the project right now?

[posva]

@jeremyzahner Right now I'm unable to do much open source because of personal matters.
I'll keep adding things with time, and I'll love to have some active contributors for this project
Right now vue-mdc is far from complete, some components are usable but most things are still missing. I'll get involved again after I solved my problems, which would probably be in 2 or 3 weeks. I can recontact you at that moment if you want

[jeremyzahner]

@posva Please do. In 2 to 3 Weeks we will be starting our project. We just wanted to make sure that you still have the intention of keeping the project alive. =)

[viktor-ku]

I am also planning to start rather big project and trying to choose from this and vue-material. Components in this project seem to work faster.