title: How to use MaterializeCss with Vue.js?
body: <p>I don't want to use <a href="https://github.com/vuematerial/vue-material" rel="noreferrer">Vue-Material</a> nor <a href="https://vuetifyjs.com/" rel="noreferrer">Vuetify</a>. </p>
  
  <p>I want to use <a href="https://materializecss.com/" rel="noreferrer">Materialize</a>.
  What I do is:</p>
  
  <pre><code>npm install materialize-css@next
  </code></pre>
  
  <p>In main.js, where my new Vue App is defined I import Materialize like this:</p>
  
  <pre><code>import 'materialize-css'
  </code></pre>
  
  <p>Somehow the javascript is working, but the CSS is not loading; I test it with a <a href="https://materializecss.com/cards.html#reveal" rel="noreferrer">Card Reveal</a>. </p>
  
  <p>The swapping animation works, but it is not styled. Card Reveal is one of the reasons why I want to use MaterializeCss, those other two don't provide this functionality. And I also want to use 'normal' HTML elements instead of using 100 of new elements (for example in vuetify).</p>