fix: update layout names & structure

Author: johnleider

packages/@vuetify/base/generator/template/src/layouts/app/Index.vue

@@ -0,0 +1,18 @@
+<template>
+  <v-app>
+    <default-bar />
+
+    <default-view />
+  </v-app>
+</template>
+
+<script>
+  export default {
+    name: 'DefaultLayout',
+
+    components: {
+      DefaultBar: () => import('./AppBar'),
+      DefaultView: () => import('./View'),
+    },
+  }
+</script>

packages/@vuetify/base/generator/template/src/layouts/app/AppBar.vue renamed to packages/@vuetify/base/generator/template/src/layouts/default/AppBar.vue

@@ -8,6 +8,6 @@
 
 <script>
   export default {
-    name: 'View',
+    name: 'AppView',
   }
 </script>

packages/@vuetify/base/generator/template/src/layouts/default/Index.vue

@@ -24,7 +24,7 @@ const router = new Router({
       path: '/',
       // Layouts allow you to define different
       // structures for different view
-      component: () => import('@/layouts/app/Index.vue'),
+      component: () => import('@/layouts/default/Index.vue'),
       children: [
         {
           path: '',