title: Why does vuetify in my project break when used in .js file vs .vue file
body: <p>When I include vuetify <code>Vuetify.use(vuetify)</code> from my index.js file I get this error </p>
  
  <pre><code>vue.esm.js?a026:591 [Vue warn]: Unknown custom element: &lt;v-app&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  </code></pre>
  
  <p>but when I include it in my projects App.vue file it works just fine. Why does this happen? </p>
  
  <h1>index.js</h1>
  
  <pre><code>import Vue from "vue";
  import Vuetify from "vuetify";
  import StorePlugin from "./store/index";
  import LibrariesPlugin from "./plugins/libraries";
  import App from "./components/App";
  import 'vuetify/dist/vuetify.min.css'
  
  Vue.use(Vuetify);
  Vue.use(StorePlugin);
  Vue.use(LibrariesPlugin);
  Vue.config.productionTip = false
  
  new Vue({
    el: "#app",
    render: h =&gt; h(App)
  });
  </code></pre>
  
  <h1>App.vue</h1>
  
  <pre><code>&lt;template&gt;
      &lt;v-app&gt;
       // other custom components
      &lt;/v-app&gt;
  &lt;/template&gt;
  &lt;script&gt;
     import Vue from "vue";
     import Vuetify from "vuetify";
     Vue.use(Vuetify);
     export default {}
  &lt;/script&gt;
  </code></pre>
  
  <p>I have also tried the fixes with adding name to the components and that didn't change anything either.</p>