refactor(templates): clean-up file structure and process

Author: johnleider

generator/templates/default/src/App.js.vue

@@ -62,10 +62,12 @@ import HelloWorld from './components/HelloWorld';
 
 export default {
   name: 'App',
+
   <%_ if (!opts.router) { _%>
   components: {
     HelloWorld,
   },
+
   <%_ } _%>
   data: () => ({
     //

generator/templates/default/src/App.ts.vue

@@ -1,31 +1,52 @@
 <template>
   <v-app>
-    <v-app-bar app>
-      <v-toolbar-title class="headline text-uppercase">
-        <span>Vuetify</span>
-        <span class="font-weight-light">MATERIAL DESIGN</span>
-      </v-toolbar-title>
+    <v-app-bar
+      app
+      color="primary"
+      dark
+    >
+      <div class="d-flex align-center">
+        <v-img
+          alt="Vuetify Logo"
+          class="shrink mr-2"
+          contain
+          src="https://cdn.vuetifyjs.com/images/logos/vuetify-logo-dark.png"
+          transition="scale-transition"
+          width="40"
+        />
+
+        <v-img
+          alt="Vuetify Name"
+          class="shrink mt-1 hidden-sm-and-down"
+          contain
+          min-width="100"
+          src="https://cdn.vuetifyjs.com/images/logos/vuetify-name-dark.png"
+          width="100"
+        />
+      </div>
+
       <v-spacer></v-spacer>
+
       <v-btn
-        text
         href="https://github.com/vuetifyjs/vuetify/releases/latest"
         target="_blank"
+        text
       >
         <span class="mr-2">Latest Release</span>
-        <%_ if (options.iconFont === 'mdi') { _%>
+        <%_ if (opts.iconFont === 'mdi') { _%>
         <v-icon>mdi-open-in-new</v-icon>
-        <%_ } else if (options.iconFont === 'md') { _%>
+        <%_ } else if (opts.iconFont === 'md') { _%>
         <v-icon>open_in_new</v-icon>
-        <%_ } else if (options.iconFont === 'fa') { _%>
+        <%_ } else if (opts.iconFont === 'fa') { _%>
         <v-icon>fas fa-external-link-alt</v-icon>
-        <%_ } else if (options.iconFont === 'fa4') { _%>
+        <%_ } else if (opts.iconFont === 'fa4') { _%>
         <v-icon>fa-external-link</v-icon>
         <%_ } _%>
       </v-btn>
     </v-app-bar>
 
     <v-content>
-      <%_ if (options.router) { _%>
+      <%_ if (opts.router) { _%>
       <router-view/>
       <%_ } else { _%>
       <HelloWorld/>
@@ -42,10 +63,12 @@ import HelloWorld from './components/HelloWorld.vue';
 
 export default Vue.extend({
   name: 'App',
+
   <%_ if (!options.router) { _%>
   components: {
     HelloWorld,
   },
+
   <%_ } _%>
   data: () => ({
     //

generator/templates/default/src/components/HelloWorld.js.vue

@@ -86,6 +86,8 @@
 
 <script>
 export default {
+  name: 'HelloWorld',
+
   data: () => ({
     ecosystem: [
       {

generator/templates/default/src/components/HelloWorld.ts.vue

@@ -88,6 +88,8 @@
 import Vue from 'vue';
 
 export default Vue.extend({
+  name: 'HelloWorld',
+
   data: () => ({
     ecosystem: [
       {

generator/templates/default/src/plugins/vuetify.js

@@ -38,7 +38,9 @@ export default new Vuetify({
       current: '<%= locale %>',
     },
   <%_ } _%>
+  <%_ if (opts.iconFont !== 'mdi') { _%>
   icons: {
     iconfont: '<%= opts.iconFont %>',
   },
+  <%_ } _%>
 });

generator/templates/default/src/views/Home.js.vue

@@ -6,6 +6,8 @@
 import HelloWorld from '../components/HelloWorld';
 
 export default {
+  name: 'Home',
+
   components: {
     HelloWorld,
   },

generator/templates/default/src/views/Home.ts.vue

@@ -7,6 +7,8 @@ import Vue from 'vue';
 import HelloWorld from '../components/HelloWorld.vue';
 
 export default Vue.extend({
+  name: 'Home',
+
   components: {
     HelloWorld,
   },