title: Vue Material CSS displays bad
body: <p>i'm starting on Vue and i have a little problem displaying the CSS of material components. They doesn't recognize all the classes even if they're present on the final html renderized.</p>
  
  <p>This is my main.js</p>
  
  <pre><code>import Vue from 'vue/dist/vue.js';
  import VueRouter from 'vue-router';
  import VueMaterial from 'vue-material';
  
  Vue.use(VueRouter);
  Vue.use(VueMaterial);
  
  import 'dependency_manifest';
  
  import App from 'components/app.vue';
  
  const router = new VueRouter({
    mode: 'history',
    routes: [{
      name:      'carListings.index',
      path:      '/avisos',
      component: {template: '&lt;p&gt;Listado&lt;/p&gt;'}
    }, {
      name:      'carListings.show',
      path:      '/avisos/:id',
      component: {template: '&lt;p&gt;Detalle&lt;/p&gt;'}
    }]
  });
  
  Vue.material.registerTheme({
    default: {
      primary: 'blue',
      accent: 'red'
    },
    green: {
      primary: 'green',
      accent: 'pink'
    },
    orange: {
      primary: 'orange',
      accent: 'green'
    },
  });
  
  new Vue({
    router,
    render: h =&gt; h(App),
    saveScrollPosition: true
  })
    .$mount('#app-wrapper');
  </code></pre>
  
  <p>and this is my app.vue</p>
  
  <pre><code>    &lt;template&gt;
   &lt;div&gt;
    &lt;md-toolbar&gt;
      &lt;md-button class="md-icon-button"&gt;
        &lt;md-icon&gt;menu&lt;/md-icon&gt;
      &lt;/md-button&gt;
  
      &lt;h2 class="md-title" style="flex: 1"&gt;Default&lt;/h2&gt;
  
      &lt;md-button class="md-icon-button"&gt;
        &lt;md-icon&gt;favorite&lt;/md-icon&gt;
      &lt;/md-button&gt;
    &lt;/md-toolbar&gt;
   &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
    export default {
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>I'm using brunch to render it on a server. Thanks for your time!</p>
  
  <p>EDIT: i'll leave an imagen showing how it's display</p>
  
  <p><a href="https://i.stack.imgur.com/KcsuB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KcsuB.jpg" alt="Looks bad"></a></p>
  
  <p>EDIT 2 : i've tried to add the CSS on differents places. first on the main.js but the console display this error: <code>Uncaught Error: Cannot find module 'vue-material/dist/vue-material.css' from 'main.js'</code></p>
  
  <pre><code>import 'vue-material/dist/vue-material.css';
  </code></pre>
  
  <p>this add all the .css on my vendor.css, but doesn't work
  then i tried to add here a cdn: index.static.jade</p>
  
  <pre><code>html
    head
      title Frontend developer test app
    body
      #app-wrapper
      script(src='/vendor.js')
      script(src='/app.js')
      link(href='https://unpkg.com/vue-material@0.7.2/dist/vue-material.css')
      link(href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic', rel='stylesheet')
      link(href='https://fonts.googleapis.com/icon?family=Material+Icons', rel='stylesheet')
  </code></pre>
  
  <p>Also i tried to add here the vendor.css with all its content but still doesn't work</p>