fix: Update template imports and don't install vuetify-loader (#243)

Author: ElijahKotyluk

packages/vue-cli-plugin-vuetify/generator/index.js

@@ -16,10 +16,10 @@ module.exports = (api, opts) => {
 
   // Add dependencies
   vuetify.addDependencies(api, opts.useV3)
-  if (opts.useAlaCarte) alaCarte.addDependencies(api)
+  if (opts.useAlaCarte) alaCarte.addDependencies(api, opts.useV3)
   else if (opts.usePolyfill) polyfill.addDependencies(api)
 
-  if (opts.installFonts) fonts.addDependencies(api, opts.iconFont, opts.useV3)
+  if (opts.installFonts) fonts.addDependencies(api, opts.iconFont)
 
   // Update vue.config.js for transpileDependency if AlaCarte
   if (opts.useAlaCarte) alaCarte.addVueConfigTranspileDependency(api)

packages/vue-cli-plugin-vuetify/generator/templates/v3/src/App.js.vue

@@ -1,10 +1,12 @@
 <template>
   <v-app>
-    <%_ if (router) { _%>
-    <router-view/>
-    <%_ } else { _%>
-    <HelloWorld/>
-    <%_ } _%>
+    <v-main>
+      <%_ if (router) { _%>
+      <router-view/>
+      <%_ } else { _%>
+      <HelloWorld/>
+      <%_ } _%>
+    </v-main>
   </v-app>
 </template>
 

packages/vue-cli-plugin-vuetify/generator/templates/v3/src/App.ts.vue

@@ -1,4 +1,10 @@
 import "@mdi/font/css/materialdesignicons.css";
+import "vuetify/lib/styles/main.sass";
 import { createVuetify } from "vuetify";
+import * as components from "vuetify/lib/components";
+import * as directives from "vuetify/lib/directives";
 
-export default createVuetify();
+export default createVuetify({
+  components,
+  directives,
+});

packages/vue-cli-plugin-vuetify/generator/templates/v3/src/plugins/vuetify.js

@@ -1,11 +1,14 @@
-function addDependencies (api) {
-  api.extendPackage({
+function addDependencies (api, useV3) {
+  let deps = {
     devDependencies: {
-      'vuetify-loader': '^1.7.0',
       sass: '^1.32.0',
       'sass-loader': '^10.0.0',
     },
-  })
+  }
+
+  if (!useV3) deps['vuetify-loader'] = '^1.7.0'
+
+  api.extendPackage(deps);
 }
 
 function addVueConfigTranspileDependency (api) {