title: need help initialized Vuetify into my vue-cli 3
body: <p>I need help pre-rendering my site.  So at first, I had a fully functional site. I wanted to add pre-render-spa plugin to the server. but everything got ruined. I needed to update the Vuetify framework too. and that messed it all up. Got a lot of errors but managed to deploy the server but when I do I get this &quot;Vuetify is not properly initialized,&quot; so I need help initialized the new Vuetify into my CLI 3 vue.
  My Main.js File.</p>
  <p>Main.js</p>
  <pre><code>import Vue from &quot;vue&quot;;
  import './plugins/vuetify'
  import App from &quot;./App.vue&quot;;
  import router from &quot;./router&quot;;
  import store from &quot;./store&quot;;
  import './assets/style.css';
  var VueScrollTo = require('vue-scrollto');
  import VueAnalytics from &quot;vue-analytics&quot;;
  
  import VueLazyload from 'vue-lazyload'
  
  Vue.use(VueLazyload, {
    preLoad: 1.3,
    attempt: 1,
    observer: true,
  })
  
  
  Vue.use(VueScrollTo)
  Vue.config.productionTip = false;
  Vue.use(VueAnalytics, {
    id: &quot;UA-89031274-11&quot;,
    autoTracking: {
      screenview: true
    }
  });
  new Vue({
    router,
    store,
    mounted: () =&gt; document.dispatchEvent(new Event(&quot;x-app-rendered&quot;)),
    render: function (h) {
        return h(App);
    },
  }).$mount(&quot;#app&quot;);
  </code></pre>
  <p>vue.config.js</p>
  <pre><code>const path = require(&quot;path&quot;);
  const PrerenderSPAPlugin = require(&quot;prerender-spa-plugin&quot;);
  var HtmlWebpackPlugin = require(&quot;html-webpack-plugin&quot;);
  const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
  
  module.exports.plugins.push = {
    configureWebpack: {
      plugins: [
        new HtmlWebpackPlugin({
          template: &quot;./index.html&quot;,
          inject: false
        }),
        new PrerenderSPAPlugin({
          staticDir: path.join(__dirname, './dist'),
          routes: [&quot;/&quot;]
        }),
        new VuetifyLoaderPlugin()
      ]
    }
  };
  </code></pre>
  <p>vuetify.js</p>
  <pre><code>import Vue from 'vue'
  import Vuetify from 'vuetify/lib'
  import 'vuetify/src/styles/main.sass'
  
  Vue.use(Vuetify);
  
  
  export default new Vuetify({
    icons: {
      iconfont: 'mdi'
    },
  })
  </code></pre>
  <p>So this is all the file that come to relate with the pre-rendering and vuetify. I tried to reinstall vuetify and vue-cli and <code>npm install</code> nothing has fixed the problem that vuetify is not loading.
  I saw that vuetify updated their installing documents and they said to include <code>vuetify</code> before the <code>$mount(&quot;#app&quot;);</code>
  in this case the build just keep going forever and doesn't stop.</p>
  <pre><code>new Vue({
    router,
    store,
    vuetify,
    mounted: () =&gt; document.dispatchEvent(new Event(&quot;x-app-rendered&quot;)),
    render: function (h) {
        return h(App);
    },
  }).$mount(&quot;#app&quot;);
  </code></pre>
  <p>Greatful for the help.</p>