+ Update template.

Author: LancerComet

client/app.ts

@@ -4,25 +4,18 @@ import VueRouter from 'vue-router'
 import Vuex from 'vuex'
 import { sync } from 'vuex-router-sync'
 
-import Layout from './layout/index.vue'
 import { createRouter } from './router'
 import { createStore } from './store'
 
-import { GreetingService } from './service/greeting'
-import { UserService } from './service/user'
+import Layout from './layout/index.vue'
 
 initVue()
-initService()
 
 function initVue () {
   Vue.use(VueRouter)
   Vue.use(Vuex)
 }
 
-function initService () {
-  App.addSingleton(GreetingService, UserService)
-}
-
 function createApp () {
   const router = createRouter()
   const store = createStore()

client/page/index/index.ts

@@ -7,17 +7,17 @@ import { IUser, UserService } from '../../service/user'
 @Component
 export default class AppIndex extends Vue {
   pageName: string = ''
-  userList: IUser[] = []
 
-  async created () {
-    this.greetingSrv.greet('Index')
-    this.userList = await this.userSrv.getUserList()
+  private get userList (): IUser[] {
+    return this.$store.getters['index/userList']
   }
 
-  constructor (
-    private greetingSrv: GreetingService,
-    private userSrv: UserService
-  ) {
-    super()
+  private async asyncData ({ store, to }) {
+    const userList = await UserService.getUserList()
+    return store.commit('index/setUserList', userList)
+  }
+
+  private created () {
+    GreetingService.greet('Index')
   }
 }

client/service/greeting.ts

@@ -1,8 +1,5 @@
-import { Injectable } from '@vert/core'
-
-@Injectable()
-class GreetingService {
-  greet (name: string) {
+abstract class GreetingService {
+  static greet (name: string) {
     console.log(`Hello, ${name}!`)
   }
 }

client/service/user.ts

@@ -1,8 +1,5 @@
-import { Injectable } from '@vert/core'
-
-@Injectable()
-class UserService {
-  async getUserList (): Promise<IUser[]> {
+abstract class UserService {
+  static async getUserList (): Promise<IUser[]> {
     return [
       { name: 'LancerComet', age: 10 },
       { name: 'Wch', age: 20 }

client/store/index.ts

@@ -1,10 +1,12 @@
 import Vuex from 'vuex'
 
-import { about } from '../page/about/store'
+import { index } from './modules/index'
+import { about } from './modules/about'
 
 function createStore () {
   return new Vuex.Store({
     modules: {
+      index,
       about
     }
   })

client/page/about/store/index.ts renamed to client/store/modules/about.ts

@@ -0,0 +1,36 @@
+// Copyright (c) 2021 LancerComet
+//
+// This software is released under the MIT License.
+// https://opensource.org/licenses/MIT
+
+import { IUser } from '../../service/user'
+
+const index = {
+  namespaced: true,
+
+  state (): IIndexState {
+    return {
+      userList: []
+    }
+  },
+
+  mutations: {
+    setUserList (state: IIndexState, payload: IUser[]) {
+      state.userList = payload
+    }
+  },
+
+  getters: {
+    userList (state: IIndexState) {
+      return state.userList
+    }
+  }
+}
+
+export {
+  index
+}
+
+interface IIndexState {
+  userList: IUser[]
+}