title: Vuetify how to add custom theme
body: <p>I used vue cli3 to create my project.</p>
  
  <pre><code>vue create my-project
  </code></pre>
  
  <p>then I add vuetify to my project.</p>
  
  <pre><code>vue add vuetify
  </code></pre>
  
  <p>then after I created a custom theme from vuetify theme generator.
  now I want to add that theme to my project.</p>
  
  <p>In the official documentation of vuetify adding a theme is like this</p>
  
  <pre><code>    Vue.use(Vuetify, {
    theme: {
      primary: '#3f51b5',
      secondary: '#b0bec5',
      accent: '#8c9eff',
      error: '#b71c1c'
    }
  })
  </code></pre>
  
  <p>But my <code>main.js</code> looks like this</p>
  
  <pre><code>import '@babel/polyfill'
  import Vue from 'vue'
  import './plugins/vuetify'
  import App from './App.vue'
  
  Vue.config.productionTip = false
  
  new Vue({
    render: h =&gt; h(App)
  }).$mount('#app')
  </code></pre>
  
  <p>In here there is nothing called <strong>Vuetify</strong>. So how can I add a custom theme in this project setup?</p>