title: Unknown custom element: <v-app> - did you register the component correctly? For recursive components
body: <p>Hey I have a problem with importing vuetify into my project...</p>
  
  <p>What am I doing wrong?</p>
  
  <blockquote>
    <p>[Vue warn]: Unknown custom element:  - did you register the
    component correctly? For recursive components, make sure to provide
    the "name" option.</p>
  </blockquote>
  
  <p><strong>app.js:</strong></p>
  
  <pre><code>import Vue from "vue";
  import Vuetify from "./plugins/vuetify";
  import store from "~/store";
  import router from "~/router";
  
  import App from "~/components/App";
  
  Vue.config.productionTip = false;
  
  /* eslint-disable no-new */
  new Vue({
      store,
      router,
      Vuetify,
      ...App
  });
  
  </code></pre>
  
  <p><strong>App.vue:</strong></p>
  
  <pre><code>&lt;template&gt;
    &lt;v-app&gt;
      &lt;loading ref="loading" /&gt;
      &lt;router-view /&gt;
    &lt;/v-app&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Loading from "./Loading";
  
  export default {
    el: "#app",
    components: {
      Loading
    }
  };
  &lt;/script&gt;
  
  &lt;style&gt;
  &lt;/style&gt;
  
  </code></pre>
  
  <p><strong>plugins/vuetify.js:</strong></p>
  
  <pre><code>import Vue from "vue";
  import Vuetify from "vuetify/lib";
  
  Vue.use(Vuetify);
  
  export default new Vuetify({
      icons: {
          iconfont: "md" // 'mdi' || 'mdiSvg' || 'md' || 'fa' || 'fa4'
      },
      theme: {
          dark: false
      },
      themes: {
          light: {
              primary: "#4682b4",
              secondary: "#b0bec5",
              accent: "#8c9eff",
              error: "#b71c1c"
          }
      }
  });
  </code></pre>