fix(application-service): overwrite location sizes when registering n…

…ew app components

the current functionality updates the public values by reducing everything registered for each
component. this is not necessary and will be removed in the v3 refactor

fixes #9797

packages/vuetify/dev/App.vue

@@ -1,17 +1,14 @@
 <template>
   <v-app>
-    <v-content>
-      <playground></playground>
-    </v-content>
+    <keep-alive>
+      <router-view></router-view>
+    </keep-alive>
   </v-app>
 </template>
 
 <script>
-  import Playground from './Playground'
-
   export default {
     components: {
-      Playground
-    }
+    },
   }
 </script>

packages/vuetify/dev/index.js

@@ -4,6 +4,9 @@ import Vuetify from 'vuetify'
 import * as locales from '../src/locale'
 import router from './router'
 import '@mdi/font/css/materialdesignicons.css'
+import Playground from './Playground'
+
+Vue.component('playground', Playground)
 
 Vue.config.performance = true
 

packages/vuetify/dev/router.js

@@ -4,10 +4,10 @@ import Router from 'vue-router'
 Vue.use(Router)
 
 const component1 = {
-  template: `<div class="title">Page 1</div>`,
+  template: `<v-content><playground /></v-content>`,
 }
 const component2 = {
-  template: `<div class="title">Page 2</div>`,
+  template: `<v-content><playground /></v-content>`,
 }
 
 const router = new Router({

packages/vuetify/src/services/application/index.ts

@@ -36,7 +36,7 @@ export class Application extends Service implements IApplication {
     location: TargetProp,
     size: number
   ) {
-    this.application[location][uid] = size
+    this.application[location] = { [uid]: size }
 
     this.update(location)
   }