Usage
AMD Modules
Import and use the whole library:
<link rel="stylesheet" href="path/to/vue-material.css">
var Vue = require('vue')
var VueMaterial = require('vue-material')
Vue.use(VueMaterial)
Or to import individual components:
<link rel="stylesheet" href="path/to/vue-material/dist/components/mdCore.css">
<link rel="stylesheet" href="path/to/vue-material/dist/components/mdButton.css">
<link rel="stylesheet" href="path/to/vue-material/dist/components/mdIcon.css">
<link rel="stylesheet" href="path/to/vue-material/dist/components/mdSidenav.css">
<link rel="stylesheet" href="path/to/vue-material/dist/components/mdToolbar.css">
var Vue = require('vue')
var VueMaterial = require('vue-material')
Vue.use(VueMaterial.mdCore) //Required to boot vue material
Vue.use(VueMaterial.mdButton)
Vue.use(VueMaterial.mdIcon)
Vue.use(VueMaterial.mdSidenav)
Vue.use(VueMaterial.mdToolbar)
Note: If you are using Webpack you can still import the css files inside your modules. And you can also write everything using ES6 with Babel or Bublé.
Standalone
<link rel="stylesheet" href="path/to/vue-material.css">
<script src="path/to/vue-material.js"></script>
// The VueMaterial variable is global
Vue.use(VueMaterial)