+ Update to @vert/core 1.0.

Author: LancerComet

client/app.ts

@@ -1,10 +1,10 @@
-import { App, Injector } from '@vert/core'
+import { App } from '@vert/core'
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Vuex from 'vuex'
 import { sync } from 'vuex-router-sync'
 
-import RootComponent from './root-component.vue'
+import Layout from './layout/index.vue'
 import { createRouter } from './router'
 import { createStore } from './store'
 
@@ -20,13 +20,7 @@ function initVue () {
 }
 
 function initService () {
-  const Services = [
-    GreetingService, UserService
-  ]
-  const injector = Injector.create(...Services)
-  Services.forEach((Service: any) => {
-    App.addSingleton(Service, injector.get(Service))
-  })
+  App.addSingleton(GreetingService, UserService)
 }
 
 function createApp () {
@@ -38,9 +32,7 @@ function createApp () {
   const app = new Vue({
     router,
     store,
-    render (h) {
-      return h(RootComponent)
-    }
+    render: h => h(Layout)
   })
 
   return {

client/layout/index.ts

@@ -0,0 +1,6 @@
+import { Component } from '@vert/core'
+import Vue from 'vue'
+
+@Component
+export default class RootComponent extends Vue {
+}

client/root-component.vue renamed to client/layout/index.vue

@@ -3,4 +3,4 @@
     router-view
 </template>
 
-<script lang="ts" src="./root-component.ts"></script>
+<script lang="ts" src="./index.ts"></script>

client/page/about/index.ts

@@ -1,13 +1,12 @@
-import { AppComponent, Component } from '@vert/core'
+import { Component } from '@vert/core'
+import Vue from 'vue'
 
 @Component
-export default class AboutPage extends AppComponent {
+export default class AboutPage extends Vue {
   private isLoading: boolean = false
 
   async asyncData ({ store, route }) {
     console.log('AsyncData in about page is called.')
-
-    await sleep(1000)
     await store.dispatch(
       'about/setOldSaying',
       `${route.params.name}: The quick brown fox jumps over the lazy dog.`
@@ -24,9 +23,3 @@ export default class AboutPage extends AppComponent {
     this.$store.dispatch('about/setOldSaying', 'Nothing but tricks.')
   }
 }
-
-function sleep (time: number) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, time)
-  })
-}

client/page/index/index.ts

@@ -1,9 +1,11 @@
-import { AppComponent, Component } from '@vert/core'
+import { Component } from '@vert/core'
+import Vue from 'vue'
+
 import { GreetingService } from '../../service/greeting'
 import { IUser, UserService } from '../../service/user'
 
 @Component
-export default class AppIndex extends AppComponent {
+export default class AppIndex extends Vue {
   pageName: string = ''
   userList: IUser[] = []