title: Vuetifyjs error Unknown custom element: did you register the component correctly
body: <p>Am using vuetify to build a template but am getting an error</p>
  
  <pre><code>unknown custom element dashboard did you register the component correctly?
  </code></pre>
  
  <p>This is my code:</p>
  
  <pre><code>In the main.js
  import Vue from 'vue'
  import App from './App.vue'
  import Vuetify from 'vuetify'
   import VueRouter from 'vue-router';
   import {routes} from './routes';
  
    Vue.use(VueRouter);
  
    Vue.use(Vuetify)
  
   new Vue({
    el: '#app',
    render: h =&gt; h(App)
  })
  </code></pre>
  
  <p>In my App.vue</p>
  
  <pre><code>&lt;template&gt;
    &lt;dashboard&gt;&lt;/dashboard&gt;
  
   &lt;/template&gt;
  &lt;script&gt;
   import Dashbaord from './components/dashboard/Dashboard.vue';
     export default {
    name: "appinit",
    components: {
     "dashboard":Dashboard
    }
  }
  </code></pre>
  
  <p>And here is my dashboard</p>
  
  <pre><code>&lt;template&gt;
  &lt;v-app&gt;
      &lt;left-drawer&gt;&lt;/left-drawer&gt;
      &lt;toolbar&gt;&lt;/toolbar&gt; &lt;!-- Dashboard Toolbar--&gt;
      &lt;main&gt;
        &lt;v-container fluid&gt;
          ..info are
          &lt;/v-slide-y-transition&gt;
        &lt;/v-container&gt;
      &lt;/main&gt;
    &lt;right-drawer&gt;&lt;/right-drawer&gt;
    &lt;footer-area&gt;&lt;/footer-area&gt;
  &lt;/v-app&gt;
  &lt;/template&gt;
  
    &lt;script&gt;
    imports  ......
  
   export default {
     components: {
      Toolbar, RightDrawer,LeftDrawer,FooterArea
     }
   }
  </code></pre>
  
  <p></p>
  
  <p>What could be wrong as i have just separated the initial vuefy installation component into different component sections</p>
  
  <p>The code is available at github on <a href="https://github.com/lamatuts/dashboard.git" rel="noreferrer">This link</a></p>
  
  <p>What could be wrong?</p>