feat: update components for vuetify@v2 and other minor tweaks

Author: johnleider

packages/vue-cli-plugin-vuetify-essentials/generator/template/src/assets/vuetify.svg

@@ -1,5 +1,18 @@
 <template>
-  <v-footer app>
-    <!--  -->
+  <v-footer
+    app
+    inset
+  >
+    <div class="text-center">
+      Copyright &copy; {{ date }}&nbsp;<strong>Vuetify</strong>
+    </div>
   </v-footer>
 </template>
+
+<script>
+  export default {
+    data: () => ({
+      date: (new Date()).getFullYear()
+    })
+  }
+</script>

packages/vue-cli-plugin-vuetify-essentials/generator/template/src/components/core/Footer.vue

@@ -1,7 +1,5 @@
 <template>
   <v-content>
-    <v-container fluid>
-      <router-view />
-    </v-container>
+    <router-view />
   </v-content>
 </template>

packages/vue-cli-plugin-vuetify-essentials/generator/template/src/components/core/View.vue

@@ -0,0 +1,17 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import Home from './views/Home.vue'
+
+Vue.use(Router)
+
+export default new Router({
+  mode: 'history',
+  base: process.env.BASE_URL,
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: Home
+    }
+  ]
+})

packages/vue-cli-plugin-vuetify-essentials/generator/template/src/components/router.js

@@ -0,0 +1,19 @@
+<template>
+  <v-container
+    id="home"
+    class="fill-height"
+    tag="section"
+  >
+    <v-row
+      class="fill-height"
+      align="center"
+    >
+      <v-img
+        :src="require('@/assets/vuetify.svg')"
+        alt="Vuetify logo"
+        contain
+        height="400"
+      />
+    </v-row>
+  </v-container>
+</template>